[v-cloak] {
  display: none;
}

@font-face {
  font-family: "DIN-Bold";
  src: url("../fonts/DIN-Bold.woff2") format("woff2"), url("../fonts/DIN-Bold.woff") format("woff"), url("../fonts/DIN-Bold.ttf") format("truetype"), url("../fonts/DIN-Bold.eot") format("embedded-opentype"), url("../fonts/DIN-Bold.svg") format("svg");
}

.din {
  font-family: "DIN-Bold";
}

@font-face {
  font-family: "bauhaus1";
  src: url("../fonts/bauhaus1.woff2") format("woff2"), url("../fonts/bauhaus1.woff") format("woff"), url("../fonts/bauhaus1.ttf") format("truetype"), url("../fonts/bauhaus1.eot") format("embedded-opentype"), url("../fonts/bauhaus1.svg") format("svg");
}

.bau {
  font-family: "bauhaus1";
}

@-webkit-keyframes grounp {
  0% {
    opacity: 1;
    transform: translateY(-0.5rem);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@keyframes grounp {
  0% {
    opacity: 1;
    transform: translateY(-0.5rem);
  }

  100% {
    opacity: 0;
    transform: translateY(0);
  }
}

@-webkit-keyframes scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.line10 {
  max-height: 15em;
  line-height: 1.5em;
  text-align: justify;
  overflow: hidden;
  /* padding-right: 5px; */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.line10::-webkit-scrollbar {
  width: 3px;
}

.line10::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.lh1 {
  line-height: 1.4;
}

img {
  display: inline-block;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -o-crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.pub-vd .text,
.pub-tit {
  font-family: "SourceHanSansCN-Medium", "Noto Sans SC";
  font-weight: 500;
}

.pub-sub {
  font-family: "SourceHanSansCN-Medium", "Noto Sans SC";
}

.pub-pop {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.pub-pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pub-pop .wrap {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  /* background-image: url(../img/250.png); */
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  border-radius: 0.45rem;
}

.pub-pop .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: url(../img/255.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
}

.pub-pop .wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: url(../img/256.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: -1;
}

.pub-pop .wrap .close-pic {
  position: absolute;
  right: -0.95rem;
  top: -0.3rem;
  width: 22px;
  cursor: pointer;
}

.pub-pop .wrap .close-pic img {
  width: 100%;
}

.bgff {
  background-color: #fff;
}

.bgf2 {
  background-color: #F2F4F5;
}

.bgf5 {
  background-color: #F5F5F5;
}

.w1760 {
  width: 92%;
  max-width: 1760px;
  margin: 0 auto;
}

.w1240 {
  width: 65%;
  max-width: 1240px;
  margin: 0 auto;
}

.font60 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.font48 {
  font-size: 1.2rem;
  line-height: 1.4;
}

.font40 {
  font-size: 1rem;
  line-height: 1.4;
}

.font36 {
  font-size: 0.9rem;
  line-height: 1.4;
}

.pub-tit {
  color: #D5B45C;
  line-height: 1.4;
  font-size: 0.75rem;
}

.pub-tit2 {
  color: #484140;
  line-height: 1.4;
  font-size: 0.8rem;
  font-weight: bold;
}

.pub-sub {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  font-size: 0.9rem;
}

.pub-sub2 {
  color: #484140;
  line-height: 1.4;;
  font-weight: bold;
  font-size: 0.49rem;
}

.pub-more {
  width: 3.75rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #1D50A2;
  transition: all 0.3s;
}

.pub-more .text {
  margin-right: 0.5rem;
  font-weight: bold;
}

.pub-more .arr {
  font-size: 0.5rem;
}

.pub-more:hover {
  background-color: #1D50A2;
  color: #fff;
}

.pub-vd {
  width: 4.5rem;
  height: 1.25rem;
  background: #1D50A2;
  border: 1px solid #1D50A2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.pub-vd .icon {
  width: 15px;
  margin-right: 0.3rem;
}

.pub-vd .icon img {
  width: 100%;
}

.pub-vd:hover {
  background-color: #1D50A2;
  color: #fff;
  border-color: #1D50A2;
}

#ban-container {
  width: 100%;
}

#ban-container .swiper-slide {
  width: 100%;
  height: 100vh;
}

#ban-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#ban-container .swiper-slide .pos-cont {
  position: absolute;
  left: 8.5%;
  top: 23%;
}

#ban-container .swiper-slide .pos-cont .tit {
  color: #1D50A2;
  /* margin-bottom: 1.35rem; */
  font-weight: bold;
  letter-spacing: 3px;
}

#ban-container .swiper-pagination {
  bottom: 1.75rem;
  line-height: 1.4;
  padding-left: 8.5%;
  text-align: left;
}

#ban-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  background: #fff;
}

#ban-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

#ban-container .scroll-down {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.4rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 10;
}

#ban-container .scroll-down div {
  width: 16px;
  margin: 0 auto 0.2rem;
  -webkit-animation: grounp 3s ease-in-out infinite;
  animation: grounp 3s ease-in-out infinite;
}

#ban-container .scroll-down div img {
  width: 100%;
}

#ban-container .scroll-down p {
  color: #FFFFFF;
  line-height: 1.4;
  text-align: center;
}

.i-about {
  padding: 1.75rem 0 0;
}

.i-about .tit {
  color: #1D50A2;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0.85rem;
  font-weight: bold;
}

.i-about .wrap {
  display: flex;
}

.i-about .wrap .lf {
  /* padding-top: 1.65rem; */
  padding-right: 2rem;
  width: 50%;
  padding-bottom: 1rem;
}

.i-about .wrap .lf .cont {
  color: #333333;
  line-height: 1.5;
}

.i-about .wrap .lf .cont1 {
  margin-bottom: 0.9rem;
}

.i-about .wrap .lf .cont2 {
  margin-bottom: 1.3rem;
}

.i-about .wrap .lf .cont ul {
  list-style: initial;
  padding-left: 1.5em;
}

.i-about .wrap .lf .cont ul li {
  line-height: 1.5 !important;
}

.i-about .wrap .lf .intro {
  margin-bottom: 1.4rem;
}

.i-about .wrap .lf .intro p {
  position: relative;
  line-height: 1.4;
  color: #666666;
  margin-bottom: 0.3rem;
  padding-left: 0.5rem;
}

.i-about .wrap .lf .intro p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #1D50A2;
}

.i-about .wrap .lf .intro p:last-child {
  margin-bottom: 0;
}

.i-about .wrap .lf .more-box {
  display: flex;
}

.i-about .wrap .lf .more-box .more {
  margin-right: 0.25rem;
}

.i-about .wrap .rg {
  display: flex;
  align-items: flex-end;
  width: 50%;
}

.i-about .wrap .rg .pic {
  width: 90%;
  margin-right: 2.65rem;
}

.i-about .wrap .rg .pic img {
  width: 100%;
}

.i-about .wrap .rg .li-wrap {
  /* padding-top: 5rem; */
  padding-bottom: 1rem;
}

.i-about .wrap .rg .li-wrap .li {
  margin-bottom: 1.3rem;
}

.i-about .wrap .rg .li-wrap .li:last-child {
  margin-bottom: 0;
}

.i-about .wrap .rg .li-wrap .li .top {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.3rem;
}

.i-about .wrap .rg .li-wrap .li .top p {
  color: #1D50A2;
  font-size: 1.8rem;
  line-height: 0.9;
  margin-right: 6px;
  font-weight: bold;
}

.i-about .wrap .rg .li-wrap .li .top span {
  color: #000000;
  font-weight: bold;
  line-height: 1.4;
  font-family: "Microsoft YaHei";
}

.i-about .wrap .rg .li-wrap .li .h1 {
  color: #000000;
  line-height: 1.7;
  font-weight: bold;
}

.i-pro {
  padding: 1.3rem 0 1.4rem 8.5%;
  background-color: #F5F5F5;
}

.i-pro .tit {
  margin-bottom: 0.5rem;
}

.i-pro .tab {
  display: flex;
  margin-bottom: 1.35rem;
}

.i-pro .tab span {
  color: rgba(51, 51, 51, 0.3);
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.75rem;
  margin-right: 0.55rem;
  cursor: pointer;
  transition: all 0.3s;
}

.i-pro .tab span:last-child {
  margin-right: 0;
}

.i-pro .tab span:hover,
.i-pro .tab span.cur {
  color: #1D50A2;
}

.i-pro .i-pro-container {
  width: 100%;
  margin-bottom: 0.65rem;
}

.i-pro .i-pro-container .i-tab-button-prev,
.i-pro .i-pro-container .i-tab-button-next {
  display: none;
  color: #fff;
  top: 0.4rem;
  margin: 0;
  height: 0.8rem;
}

.i-pro .i-pro-container .i-tab-button-prev::after,
.i-pro .i-pro-container .i-tab-button-next::after {
  font-size: 0.8rem;
}

.i-pro .i-pro-container .i-tab-button-prev {
  left: 0;
}

.i-pro .i-pro-container .i-tab-button-next {
  right: 0;
}

.i-pro .i-pro-container .swiper-button-disabled {
  opacity: 0;
}

.i-pro .i-pro-container .i-pro-button-prev,
.i-pro .i-pro-container .i-pro-button-next {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #1D50A2;
  color: #fff;
}

.i-pro .i-pro-container .i-pro-button-prev::after,
.i-pro .i-pro-container .i-pro-button-next::after {
  font-size: 0.6rem;
}

.i-pro .i-pro-container .swiper-slide {
  width: 85%;
  margin-right: 0.65rem;
}

.i-pro .i-pro-container .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
}

.i-pro .i-pro-container .swiper-slide:last-child {
  margin-right: 0;
}

.i-pro .i-pro-container .swiper-slide img {
  width: 100%;
}

.i-pro .i-pro-container .swiper-slide .pos-tab {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  background-color: rgba(40, 46, 62, 0.4);
  z-index: 2;
  opacity: 0;
  transition: all 0.3s;
}

.i-pro .i-pro-container .swiper-slide .pos-tab.i-tab-container {
  display: block;
}

.i-pro .i-pro-container .swiper-slide .pos-tab span {
  width: 50%;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide {
  width: 14.28%;
  height: 1.5rem;
  margin-right: 0;
  line-height: 1.5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide::before,
.i-pro .i-pro-container .swiper-slide .pos-tab span::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-bottom: 8px solid #F5F5F5;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0;
  transition: all 0.3s;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide::after,
.i-pro .i-pro-container .swiper-slide .pos-tab span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.25rem;
  width: 1px;
  height: 1rem;
  background-color: rgba(245, 245, 245, 0.3);
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide:last-child::after,
.i-pro .i-pro-container .swiper-slide .pos-tab span:last-child::after {
  display: none;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide:hover,
.i-pro .i-pro-container .swiper-slide .pos-tab span:hover {
  background-color: #1D50A2;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide.cur,
.i-pro .i-pro-container .swiper-slide .pos-tab span.cur {
  background-color: #1D50A2;
}

.i-pro .i-pro-container .swiper-slide .pos-tab .swiper-slide.cur::before,
.i-pro .i-pro-container .swiper-slide .pos-tab span.cur::before {
  opacity: 1;
}

.i-pro .i-pro-container .swiper-slide-active::after {
  opacity: 0;
}

.i-pro .i-pro-container .swiper-slide-active .pos-tab {
  opacity: 1;
}

.i-pro .i-proTab-container {
  width: 100%;
}

.i-pro .i-proTab-container .swiper-slide {
  width: 24%;
  margin-right: 1rem;
  cursor: pointer;
}

.i-pro .i-proTab-container .swiper-slide:last-child {
  margin-right: 0;
}

.i-pro .i-proTab-container .swiper-slide div {
  width: 100%;
  /* height: 7rem; */
  overflow: hidden;
}

.i-pro .i-proTab-container .swiper-slide div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.i-pro .i-proTab-container .swiper-slide p {
  width: 100%;
  height: 2rem;
  background-color: #fff;
  line-height: 2rem;
  color: #333333;
  font-weight: bold;
  text-align: center;
  padding: 0 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i-pro .i-proTab-container .swiper-slide:hover div img {
  transform: scale(1.1);
}

.i-pro .i-proTab-container .swiper-scrollbar {
  width: 91%;
  left: 0;
  position: relative;
  margin-top: 1.1rem;
  bottom: 0;
  height: 3px;
  border-radius: 2px;
  background-color: #E0E0E0;
}

.i-pro .i-proTab-container .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #1D50A2;
  border-radius: 3px;
  height: 3px;
}

.i-news {
  padding: 1.25rem 0 0.5rem;
  background-color: #F5F5F5;
}

.i-news .wrap .top-box {
  display: flex;
  align-items: stretch;
}

.i-news .wrap .top-box .lf {
  width: 60%;
}


.i-news .wrap .top-box .rg {
  width: 40%;
text-align: right;
  padding: 0.55rem 2.15rem 0  0 ;
}



.i-news .wrap .tit {
  margin-bottom: 0.5rem;
}

.i-news .wrap .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}

.i-news .wrap .top .tab {
  display: flex;
}

.i-news .wrap .top .tab span,
.i-news .wrap .top .tab a {
  color: #000000;
  line-height: 1.4;
  font-weight: bold;
  margin-right: 0.75rem;
  cursor: pointer;
  transition: all 0.3s;
}

.i-news .wrap .top .tab span:last-child {
  margin-right: 0;
}

.i-news .wrap .top .tab span:hover,
.i-news .wrap .top .tab span.cur {
  color: #1D50A2;
}

.i-news .wrap .change-box {
  display: flex;
  align-items: stretch;
}

.i-news .wrap .change-box .lf {
  width: 44%;
 /* background-color: #fff;*/
}

.i-news .wrap .change-box .lf .pic {
  width: 100%;
  overflow: hidden;
}

.i-news .wrap .change-box .lf .pic img {
  width: 100%;
  transition: all 0.3s;
}
/*
.i-news .wrap .change-box .lf .cont {
  min-height: 4.55rem;
  padding: 0.95rem 1.4rem 0.5rem;
  background-color: #fff;
}

.i-news .wrap .change-box .lf .cont .time {
  color: #666666;
  line-height: 1.4;
  margin-bottom: 0.4rem;
  font-weight: bold;
}

.i-news .wrap .change-box .lf .cont .h1 {
  color: #333333;
  line-height: 1.1;
  font-weight: bold;
  margin-bottom: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}*/

.i-news .wrap .change-box .lf .cont .more {
  display: flex;
  align-items: center;
  color: #1D50A2;
}

.i-news .wrap .change-box .lf .cont .more .text {
  line-height: 1.4;
  margin-right: 0.25rem;
  font-weight: bold;
}

.i-news .wrap .change-box .lf .cont .more .arr {
  font-size: 0.5rem;
}

.i-news .wrap .change-box .lf:hover .pic img {
  transform: scale(1.1);
}

.i-news .wrap .change-box .lf:hover .cont .h1 {
  color: #1D50A2;
}

.i-news .wrap .change-box .rg {
  width: 56%;
  padding-left: 0.4rem;
}

.i-news .wrap .change-box .rg .li {
  width: 100%;
  /* height: 4.25rem;
  height: calc((100% - .8rem) / 3); */
  background-color: #fff;
  margin-bottom: 0.4rem;
  display: flex;
}

.i-news .wrap .change-box .rg .li:last-child {
  margin-bottom: 0;
}

.i-news .wrap .change-box .rg .li .cont {
  /*width: 68%;*/
  width: 100%;
  padding: 0.75rem 1.3rem;
}

.i-news .wrap .change-box .rg .li .cont .time {
  color: #666666;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.3rem;
}

.i-news .wrap .change-box .rg .li .cont .h1 {
  color: #333;
  line-height: 1.1;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0.3rem;
  transition: all 0.3s;
}

.i-news .wrap .change-box .rg .li .cont .more {
  /* color: #808080;
  line-height: 1.4;
  font-weight: bold; */
  display: flex;
  align-items: center;
  color: #1D50A2;
  line-height: 1.4;
}

.i-news .wrap .change-box .rg .li .cont .more .text {
  margin-right: 0.25rem;
  line-height: 1.4;
  font-weight: bold;
}

.i-news .wrap .change-box .rg .li .cont .more .arr {
  font-size: 0.5rem;
}

.i-news .wrap .change-box .rg .li .pic {
  width: 32%;
  height: 100%;
  overflow: hidden;
}

.i-news .wrap .change-box .rg .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.i-news .wrap .change-box .rg .li:hover .cont .h1 {
  color: #1D50A2;
}

.i-news .wrap .change-box .rg .li:hover .pic img {
  transform: scale(1.1);
}

.i-respon {
  padding: 2rem 0;
}

.i-respon .wrap .tit {
  margin-bottom: 0.5rem;
}

.i-respon .wrap .sub {
  margin-bottom: 1.35rem;
  color: #1D50A2;
}

.i-respon .wrap .pic-box {
  width: 100%;
  position: relative;
}

.i-respon .wrap .pic-box img {
  width: 100%;
}

.i-respon .wrap .pic-box .pos-cont {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(25, 47, 105, 0.7);
  width: 15rem;
  min-height: 9.75rem;
  padding: 1.2rem 1rem 1rem;
}

.i-respon .wrap .pic-box .pos-cont .h1 {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 3px;
}

.i-respon .wrap .pic-box .pos-cont .cont {
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.i-respon .wrap .pic-box .pos-cont .more {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #FFFFFF;
  width: 3.75rem;
  height: 1.25rem;
  transition: all 0.3s;
}

.i-respon .wrap .pic-box .pos-cont .more .text {
  font-weight: bold;
  margin-right: 0.5rem;
}

.i-respon .wrap .pic-box .pos-cont .more .arr {
  font-size: 0.5rem;
}

.i-respon .wrap .pic-box .pos-cont .more:hover {
  background-color: #1D50A2;
  border-color: #1D50A2;
}

.foot {
  background-color: #282E3E;
}

.footer .top {
  padding: 2.3rem 0 1.5rem;
  display: flex;
  justify-content: space-between;
}

.footer .top .foot-search {
  width: 36%;
  padding-right: 1rem;
}

.footer .top .foot-search .tit {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 2.1rem;
}

.footer .top .foot-search .form-box .form-input {
  display: flex;
  align-items: center;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  width: 9.7rem;
  margin-bottom: 0.75rem;
}

.footer .top .foot-search .form-box .form-input .submit {
  width: 22px;
  height: 22px;
  background: url(../img/16.png) center no-repeat;
  background-size: contain;
  opacity: 0.6;
  margin-right: 0.6rem;
  text-indent: 999px;
  overflow: hidden;
}

.footer .top .foot-search .form-box .form-input .input {
  width: calc(100% - 22px - 0.6rem);
  color: #FEFFFE;
  background: none;
}

.footer .top .foot-search .form-box .form-keywords {
  display: flex;
  align-items: center;
}

.footer .top .foot-search .form-box .form-keywords a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  margin-right: 0.9rem;
  line-height: 1.4;
}

.footer .top .foot-search .form-box .form-keywords a:last-child {
  margin-right: 0;
}

.footer .top .foot-nav {
  width: 64%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.footer .top .foot-nav .li {
  margin-right: 0.5rem;
}

.footer .top .foot-nav .li:last-child {
  margin-right: 0;
}

.footer .top .foot-nav .li a {
  display: block;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 0.3rem;
  transition: all 0.3s;
}

.footer .top .foot-nav .li a:last-child {
  margin-bottom: 0;
}

.footer .top .foot-nav .li a:first-child {
  color: #FFFFFF;
  margin-bottom: 1rem;
  font-weight: bold;
}

.footer .top .foot-nav .li a:hover {
  color: #1D50A2;
}

.footer .btm {
  padding: 1.6rem 0 2.25rem;
  display: flex;
  /*align-items: flex-end;*/
}

.footer .btm .copyright {
  width: 45%;
  padding-right:1rem;
}

.footer .btm .copyright a {
  display: inline-block;
  line-height: 2;
  color: rgba(255, 255, 255, 0.5);
}

.footer .btm .link-box {
  width: 55%;
  display: flex;
  padding-bottom: 0.5rem;
}

.footer .btm .link-box .link-wrap {
  margin-right: 3.15rem;
}

.footer .btm .link-box .link-wrap .tit {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.85rem;
}

.footer .btm .link-box .link-wrap .change {
  width: 6.35rem;
  height: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.footer .btm .link-box .link-wrap .change .h1 {
  width: 100%;
  height: 100%;
  line-height: 1.25rem;
  padding-left: 0.55rem;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.footer .btm .link-box .link-wrap .change .arr {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  transform: translateY(-50%);
  color: #fff;
  pointer-events: none;
  font-size: 0.5rem;
}

.footer .btm .link-box .link-wrap .change .select {
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  max-height: calc(4rem + 3px);
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #282E3E;
  display: none;
}

.footer .btm .link-box .link-wrap .change .select::-webkit-scrollbar {
  width: 3px;
}

.footer .btm .link-box .link-wrap .change .select a {
  display: block;
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  padding-left: 0.55rem;
  color: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
  transition: all 0.3s;
}

.footer .btm .link-box .link-wrap .change .select a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  color: #333;
}

.footer .btm .link-box .foot-con .tit {
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}

.footer .btm .link-box .foot-con .tel {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.footer .btm .link-box .foot-con .tel:last-child {
  margin-bottom: 0;
}

.footer .btm .link-box .foot-con .tel span {
  color: rgba(255, 255, 255, 0.5);
  margin-right: 0.6rem;
  line-height: 1.4;
}

.footer .btm .link-box .foot-con .tel p {
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.5);
}

.footer .btm .link-box .foot-con .fs-box {
  display: flex;
  align-items: flex-end;
}

.footer .btm .link-box .foot-con .fs-box .sec-box {
  margin-right: 0.9rem;
}

.footer .btm .link-box .foot-con .code-box .code {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.footer .btm .link-box .foot-con .code-box .code p {
  color: rgba(255, 255, 255, 0.5);
  width: 5em;
  /* margin-right: 0.2rem; */
  line-height: 1.4;
}

.footer .btm .link-box .foot-con .code-box .code div {
  width: 1.3rem;
}

.footer .btm .link-box .foot-con .code-box .code div img {
  width: 100%;
}

.footer .btm .link-box .foot-con .code-box .bianma {
  display: flex;
  align-items: center;
}

.footer .btm .link-box .foot-con .code-box .bianma span {
  color: rgba(255, 255, 255, 0.5);
  /* margin-right: 0.6rem; */
  line-height: 1.4;
}

.footer .btm .link-box .foot-con .code-box .bianma p {
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.5);
}

.error {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.error .pic {
  width: 12.5rem;
  margin-bottom: 1.9rem;
}

.error .pic img {
  width: 100%;
}

.error .tips {
  color: #999999;
  line-height: 1.4;
  margin-bottom: 0.65rem;
}

.error .back {
  width: 3.75rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  background-color: #1D50A2;
  color: #fff;
  transition: all 0.3s;
}

.error .back:hover {
  background-color: #1D50A2;
}

.about {
  padding: 3.6rem 0 4.25rem 8.8%;
  display: flex;
  background-color: #F2F4F5;
}

.about .lf {
  width: 49%;
  padding-right: 4rem;
  padding-top: 0.5rem;
}

.about .lf .tit {
  color: #1D50A2;
  line-height: 1.4;
  margin-bottom: 1.2rem;
  font-weight: bold;
}

.about .lf .cont {
  color: #333333;
  line-height: 1.5;
  color: #333;
  margin-bottom: 1.9rem;
  text-align: justify;
}

.about .about-container {
  width: 51%;
}

.pub-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pub-container .play {
  z-index: 5;
  cursor: pointer;
}

.pub-container .play img {
  width: 100%;
}

.pub-container .pub-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.intro-pic {
  width: 100%;
}

.intro-pic img {
  width: 100%;
}

.glory {
  padding: 2.25rem 0 2.65rem;
}

.glory .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.25rem;
  text-transform: capitalize;
}

.glory .wrap .box {
  display: flex;
}

.glory .wrap .box .lf {
  width: 33%;
}

.glory .wrap .box .lf .intro {
  line-height: 1.5;
  color: #1D50A2;
  margin-bottom: 2.25rem;
  font-size: 0.75rem;
  font-weight: bold;
}

.glory .wrap .box .lf .num-wrap .li {
  margin-bottom: 1.45rem;
}

.glory .wrap .box .lf .num-wrap .li:last-child {
  margin-bottom: 0;
}

.glory .wrap .box .lf .num-wrap .li .num {
  margin-bottom: 0.4rem;
  display: flex;
  align-items: flex-end;
}

.glory .wrap .box .lf .num-wrap .li .num p {
  color: #1D50A2;
  font-weight: bold;
  line-height: 0.8;
  margin-right: 0.3rem;
  font-size: 1.8rem;
}

.glory .wrap .box .lf .num-wrap .li .num span {
  color: #000000;
  font-weight: bold;
  line-height: 1.4;
}

.glory .wrap .box .lf .num-wrap .li .h1 {
  color: #000000;
  font-weight: bold;
  line-height: 1.4;
}

.glory .wrap .box .rg {
  width: 48%;
  height: 16rem;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.glory .wrap .box .rg .cont {
  position: relative;
  top: -1.2rem;
}

.glory .wrap .box .rg .cont p {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 1.2rem;
  line-height: 1.2;
  padding: 0 1rem;
  color: #2E2E2E;
  /* font-weight: 500; */
  background-color: #e5e9f6;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.glory .wrap .box .rg .cont p:last-child {
  border-bottom: 1px solid #E6E6E6;
}

.glory .wrap .box .rg .cont p:nth-child(2n) {
  background-color: #FFFFFF;
}

.pos-img {
  position: absolute;
}

.chairman {
  width: 100%;
  background-color: #F2F4F5;
}

.chairman .box {
  display: flex;
  position: relative;
  padding: 2.5rem 17.5% 2.95rem;
}

.chairman .box .lf {
  width: 55%;
  padding-right: 3.5rem;
  position: relative;
  z-index: 2;
}

.chairman .box .lf .tit {
  color: #1D50A2;
  /* font-weight: bold; */
  margin-bottom: 0.7rem;
}

.chairman .box .lf .sub {
  color: #1D50A2;
  /* font-weight: bold; */
  margin-bottom: 0.55rem;
}

.chairman .box .lf .cont {
  line-height: 1.6;
  color: #333333;
}

.chairman .box .pic {
  width: 45%;
  padding-top: 0.7rem;
  position: relative;
  z-index: 2;
}

.chairman .box .pic img {
  width: 100%;
}

.chairman .box .pos-img2 {
  right: 3.75rem;
  top: 1.5rem;
  width: 52.6%;
}

.chairman .box .pos-img2 img {
  width: 100%;
}

.chairman .box .pos-img3 {
  left: 38%;
  bottom: 1.75rem;
}

.chairman .box .pos-img3 img {
  width: 100%;
}

.chairman .intro {
  padding: 2.5rem 17.5% 2.85rem;
  display: flex;
  position: relative;
  background-color: #E4EFF9;
  overflow: hidden;
}

.chairman .intro .lf {
  width: 29%;
  position: relative;
  z-index: 2;
}

.chairman .intro .lf .tit {
  color: #2E2E2E;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.chairman .intro .lf .sub {
  color: #2E2E2E;
  font-weight: bold;
  line-height: 1.4;
}

.chairman .intro .rg {
  width: 71%;
  display: flex;
  flex-wrap: wrap;
}

.chairman .intro .rg p {
  width: 46%;
  margin-right: 8%;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
  min-height: 1rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  color: #2E2E2E;
  font-weight: 500;
  padding: 3px 0;
  padding-left: 0.75rem;
  white-space: nowrap;
}

.chairman .intro .rg p:nth-child(2n) {
  margin-right: 0;
}

.chairman .intro .rg p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #9F9F9F;
}

.chairman .intro .pos-img4 {
  /* left: 4.1rem; */
  /* top: 1.6rem; */
  /* width: 40%; */
  left: 0;
  bottom: 0;
  /* height: 100%; */
  width: 33.5%;
}

.chairman .intro .pos-img4 img {
  width: 100%;
  /* height: 100%; */
  /* width: auto; */
}

/* .chairman:nth-child(2) .intro .pos-img4 {
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
}

.chairman:nth-child(2) .intro .pos-img4 img {
  height: 100%;
  width: auto;
} */
.president .intro {
  padding: 2.75rem 17.5% 2.65rem;
}

.president .intro .pos-img4 {
  left: 0;
  top: 0;
  width: 33%;
  height: 100%;
}

.president .intro .pos-img4 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.organ {
  padding: 2.65rem 0 3.25rem;
  background-color: #F2F4F5;
}

.organ .wrap .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.organ .wrap .top .text .tit {
  color: #1D50A2;
  font-weight: bold;
}

.organ .wrap .top .text .sub {
  color: #2E2E2E;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.4;
}

.organ .wrap .top .tab {
  display: flex;
}

.organ .wrap .top .tab span {
  width: 4rem;
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  border: 1px solid #D9D9D9;
  background: #F5F5F5;
  color: #454545;
  font-weight: 500;
  margin-right: 0.25rem;
  cursor: pointer;
  transition: all 0.3s;
}

.organ .wrap .top .tab span:last-child {
  margin-right: 0;
}

.organ .wrap .top .tab span:hover,
.organ .wrap .top .tab span.cur {
  background-color: #1D50A2;
  color: #fff;
}

.organ .wrap .box .pic-box {
  width: 79%;
  margin: 0 auto 0;
}

.organ .wrap .box .pic-box img {
  width: 100%;
}

.organ .wrap .box .li-wrap {
  margin-top: 2.4rem;
  text-align: center;
  /* height: 60vh; */
}

.organ .wrap .box .li-wrap img {
  max-width: 100%;
  margin: 0 auto;
}

.organ .wrap .box .li-wrap .box {
  height: 100%;
}

.organ .wrap .box .li-wrap .li {
  margin-bottom: 1.1rem;
}

.organ .wrap .box .li-wrap .li:last-child {
  margin-bottom: 0;
}

.organ .wrap .box .li-wrap .li .icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.65rem;
}

.organ .wrap .box .li-wrap .li .icon div {
  width: 0.65rem;
  margin-right: 0.25rem;
}

.organ .wrap .box .li-wrap .li .icon div img {
  max-width: 100%;
}

.organ .wrap .box .li-wrap .li .icon p {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
}

.organ .wrap .box .li-wrap .li .lst-box {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
  width: calc(100% + 0.8rem);
  /* max-height: 10.5rem; */
  padding-right: 0.8rem;
}

.organ .wrap .box .li-wrap .li .lst-box::-webkit-scrollbar {
  width: 3px;
  border-radius: 2px;
}

.organ .wrap .box .li-wrap .li .lst-box::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.organ .wrap .box .li-wrap .li .lst-box .lst {
  width: 24%;
  height: 2.4rem;
  background-color: #fff;
  margin-right: 1.333%;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #323232;
  font-weight: bold;
  line-height: 1.4;
  transition: all 0.3s;
}

.organ .wrap .box .li-wrap .li .lst-box .lst:not(:nth-child(-n+4)) {
  margin-top: 0.3rem;
}

.organ .wrap .box .li-wrap .li .lst-box .lst:nth-child(4n) {
  margin-right: 0;
}

.organ .wrap .box .li-wrap .li .lst-box .lst:hover {
  background-color: #1D50A2;
  color: #fff;
}

.cultrue {
  position: relative;
}

.cultrue img {
  width: 100%;
}

.cultrue .pos-font {
  position: absolute;
  left: 8.5%;
  top: 2rem;
}

.cultrue .pos-font .top {
  margin-bottom: 1.35rem;
}

.cultrue .pos-font .top .tit {
  color: rgba(25, 47, 105, 0.5);
  line-height: 1.4;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.5rem;
}

.cultrue .pos-font .top .tit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1.05rem);
  transform: translateY(-50%);
  width: 10.25rem;
  height: 1px;
  background-color: rgba(125, 125, 125, 0.1);
}

.cultrue .pos-font .top .sub {
  color: #1D50A2;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: bold;
  /* text-transform: capitalize; */
}

.cultrue .pos-font .ls {
  margin-bottom: 0.8rem;
}

.cultrue .pos-font .ls:last-child {
  margin-bottom: 0;
}

.cultrue .pos-font .ls .tit {
  color: rgba(25, 47, 105, 0.5);
  line-height: 1.4;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.25rem;
}

.cultrue .pos-font .ls .tit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 1.05rem);
  transform: translateY(-50%);
  width: 10.25rem;
  height: 1px;
  background-color: rgba(125, 125, 125, 0.1);
}

.cultrue .pos-font .ls .cont {
  color: #323232;
  line-height: 1.8;
  font-weight: 500;
}

.dev {
  padding: 2.25rem 8.5% 3.35rem 8.5%;
  background-color: #F2F4F5;
}

.dev .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.dev .cont {
  color: #333333;
  line-height: 1.6;
  color: #333333;
  width: 100%;
  margin-bottom: 2.25rem;
}

.dev .dev-container {
  margin-bottom: 1.2rem;
  overflow: inherit;
}

.dev .dev-container .swiper-button-prev,
.dev .dev-container .swiper-button-next {
  display: none;
  color: #1D50A2;
  top: calc(39px + 0.5rem);
  margin: 0;
  height: 0.8rem;
}

.dev .dev-container .swiper-button-prev::after,
.dev .dev-container .swiper-button-next::after {
  font-size: 0.8rem;
}

.dev .dev-container .swiper-button-prev {
  left: 0.5rem;
}

.dev .dev-container .swiper-button-next {
  right: 0.5rem;
}

.dev .dev-container .swiper-slide.li-box {
  width: 100%;
  height: 13rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: stretch;
  cursor: pointer;
}

.dev .dev-container .swiper-slide.li-box .year {
  width: 1.75rem;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* padding-top: 1.75rem; */
  background-color: #1D50A2;
  color: #fff;
  font-weight: bold;
}

.dev .dev-container .swiper-slide.li-box .year .text {
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  /* margin-bottom: 0.5rem; */
  letter-spacing: 5px;
}

.dev .dev-container .swiper-slide.li-box .year .num {
  margin: 0 auto;
}

.dev .dev-container .swiper-slide.li-box .year .num span {
  transform: rotate(90deg);
  display: block;
  line-height: 0.7;
}

.dev .dev-container .swiper-slide.li-box .intro {
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  margin: 0 0.5rem;
  text-align: center;
  /* padding-top: 3.75rem; */
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 4px;
}

.dev .dev-container .swiper-slide.li-box .li-wrap {
  display: flex;
  height: 100%;
  width: calc(100% - 3.35rem);
}

.dev .dev-container .swiper-slide.li-box .li-wrap .swiper-scrollbar-drag {
  background: #1D50A2;
  height: 5px;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li {
  /* width: 19.5%; */
  width: calc((100% - 1rem) / 5);
  margin-right: 0.25rem;
  background-color: #fff;
  padding: 0.95rem 0.9rem 0.5rem 1rem;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li:last-child {
  margin-right: 0;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .time {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.6rem;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .time p {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .time span {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .pic {
  width: 100%;
  margin-bottom: 0.9rem;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .pic img {
  width: 100%;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .text-cont {
  color: #454545;
  line-height: 1.5em;
  max-height: 6em;
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .text-cont ol,
.dev .dev-container .swiper-slide.li-box .li-wrap .li .text-cont ul {
  list-style: auto;
  padding-left: 1.5em;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li .text-cont li {
  list-style: auto;
}

.dev .dev-container .swiper-slide.li-box .li-wrap .li:hover .text-cont {
  color: #1D50A2;
}

.dev .tab {
  display: flex;
}

.dev .tab span {
  color: #999999;
  font-weight: bold;
  line-height: 1.4;
  margin-right: 2rem;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}

.dev .tab span:last-child {
  margin-right: 0;
}

.dev .tab span:last-child::after {
  display: none;
}

.dev .tab span:hover {
  color: #1D50A2;
}

.dev .tab span.cur {
  color: #1D50A2;
}

.dev .tab span.cur::after {
  background-color: #1D50A2;
}

.dev .tab span::after {
  content: "";
  position: absolute;
  right: -60%;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 2px;
  background-color: #999999;
  transition: all 0.3s;
}

.concept {
  padding-top: 1.25rem;
}

.concept .wrap {
  display: flex;
}

.concept .wrap .lf {
  width: 52%;
  padding-top: 1.15rem;
  margin-right: 10%;
}

.concept .wrap .lf .tit {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1.1rem;
}

.concept .wrap .lf .cont {
  color: #333333;
  line-height: 1.5;
}

.concept .wrap .rg {
  width: 10.85rem;
}

.concept .wrap .rg img {
  width: 100%;
}

.report {
  padding: 2.15rem 0 ;
  background-color: #F2F3F5;
}


.report .wrap .top {
  margin-bottom: 2.25rem;
}

.report .wrap .top .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.report .wrap .top .hot {
  width: 100%;
  padding: 2.8rem 5rem 0;
  display: flex;
}

.report .wrap .top .hot .lf {
  width: 11.75rem;
  margin-right: 2rem;
}

.report .wrap .top .hot .lf img {
  width: 100%;
}

.report .wrap .top .hot .rg {
  width: calc(100% - 13.75rem);
  padding-top: 1rem;
}

.report .wrap .top .hot .rg .year {
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.4;
  margin-bottom: 0.8rem;
  font-weight: bold;
}

.report .wrap .top .hot .rg .h1 {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.report .wrap .top .hot .rg .h2 {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.report .wrap .top .hot .rg .en-tit {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 1.4;
  font-family: Arial;
  margin-bottom: 0.9rem;
}

.report .wrap .top .hot .rg .cont {
  width: calc(100% - 1.9rem);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 1.6;
  max-height: calc(4.8em + 0.65rem);
  overflow: hidden;
  padding-top: 0.65rem;
  margin-bottom: 1.7rem;
  text-align: justify;
  color: #fff;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.report .wrap .top .hot .rg .pdf {
  display: flex;
  align-items: flex-end;
}

.report .wrap .top .hot .rg .pdf .pic {
  width: 1.3rem;
  margin-right: 0.4rem;
}

.report .wrap .top .hot .rg .pdf .pic img {
  width: 100%;
}

.report .wrap .top .hot .rg .pdf .down {
  width: 0.55rem;
}

.report .wrap .top .hot .rg .pdf .down img {
  width: 100%;
}

.report .wrap .btm {
  display: flex;
  justify-content: space-between;
}

.report .wrap .btm .box {
  width: calc(100% - 12rem);
  /* height: 65rem;*/
}

.report .wrap .btm .box .li {
  display: flex;
  align-items: flex-start;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #DEDEDE;
}

.report .wrap .btm .box .li:last-child {
  margin-bottom: 0;
}

.report .wrap .btm .box .li .time {
  width: 2.55rem;
  border-right: 1px solid #D9D9D9;
}

.report .wrap .btm .box .li .time p {
  color: #1D50A2;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.2rem;
  font-weight: bold;
}

.report .wrap .btm .box .li .time span {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
}

.report .wrap .btm .box .li .cont {
  width: calc(100% - 2.55rem);
  padding: 0 0.8rem;
}

.report .wrap .btm .box .li .cont .h1 {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.4rem;
}

.report .wrap .btm .box .li .cont .intro {
  color: #666666;
  line-height: 0.6rem;
  max-height: 1.2rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
  transition: all 0.3s;
}

.report .wrap .btm .box .li .cont .view {
  color: #999999;
  line-height: 1.4;
}

.report .wrap .btm .box .li:hover .cont .intro {
  color: #1D50A2;
}

.report .wrap .btm .pic-box {
  width: 10.25rem;
height:17rem;
}

.report .wrap .btm .pic-box {
      background-color: #E8EDF6;
  background-color: #fff;
  padding: 1.2rem 1.2rem 0.8rem;

}
.report .wrap .btm .pic-box .title {
  height: 60px;
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  color: #1D50A2;
  font-weight: bold;
  position: relative;
}
.report .wrap .btm .pic-box .title span {
  position: relative;
  height: 60px;
  display: inline-block;
}
.report .wrap .btm .pic-box .title span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#1D50A2;
}



.report .wrap .btm .pic-box .li  a{
  padding: 10px .3rem;
   border-bottom: 1px solid #BBCAE3;
}

.report .wrap .btm .pic-box .li  a:last-child{
  border-bottom: 0px solid #e5e5e5;
}





.dream {
  background-color: #F2F3F5;
  padding: 2.25rem 13.5% 2.3rem;
}

.dream .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.9rem;
}

.dream .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 1.4rem;
  width: 100%;
}

.dream .pic {
  width: 100%;
}

.dream .pic img {
  width: 100%;
}

.dream .dream-swiper .dream-pagination {
  position: relative;
  margin-top: 1rem;
  line-height: 1.4;
  bottom: 0;
}

.dream .dream-swiper .dream-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.poverty {
  padding-top: 1.8rem;
  background-color: #fff;
}

.poverty2 {
  padding: 0;
}

.poverty .text {
  width: 73%;
  margin: 0 auto 2.3rem;
}

.poverty .text .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.9rem;
}

.poverty .text .cont {
  color: #333333;
  line-height: 1.5;
  width: 100%;
}

.poverty .pic {
  width: 100%;
  position: relative;
}

.poverty .pic img {
  width: 100%;
}

.poverty .pic .pos-text {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  background-color: rgba(25, 47, 105, 0.9);
  min-height: 7.5rem;
  padding: 1.6rem;
}

.poverty .pic .pos-text .h1 {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1rem;
  font-size: 0.75rem;
}

.poverty .pic .pos-text .intro {
  color: #fff;
  line-height: 1.5;
}

.support {
  padding: 2rem 13.5% 1.2rem;
}

.support2 {
  padding: 0 13.5%;
  margin-bottom: 1rem;
}

.support .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.95rem;
}

.support .cont {
  color: #666666;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}

.support .support-container2 {
  margin-bottom: 1.3rem;
}

.support .support-container2 .swiper-slide {
  width: 100%;
}

.support .support-container2 .swiper-slide img {
  width: 100%;
}

.support .support-container2 .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 1rem;
  bottom: 0;
}

.support .support-container2 .swiper-pagination .swiper-pagination-bullet {
  background: #CBCBCB;
  opacity: 1;
}

.support .support-container2 .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.support .box {
  overflow: hidden;
  margin-bottom: 1rem;
}

.support .box:last-child {
  margin-bottom: 0;
}

.support .box .intro {
  float: left;
  width: 50%;
  padding-right: 1.3rem;
}

.support .box .intro .h1 {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 0.75rem;
}

.support .box .intro .text {
  color: #666666;
  line-height: 1.5;
}

.support .box .support-container {
  width: 50%;
  float: right;
}

.support .box .support-container .swiper-slide {
  width: 100%;
}

.support .box .support-container .swiper-slide img {
  width: 100%;
}

.support .box .support-container .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}

.support .box .support-container .swiper-slide p {
  position: absolute;
  z-index: 2;
  bottom: 0.8rem;
  left: 0;
  width: 100%;
  padding: 0 0.5rem;
  text-align: left;
  line-height: 1.4;
  color: #fff;
}

.support .box .support-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 0.7rem;
}

.support .box .support-container .swiper-pagination .swiper-pagination-bullet {
  background: #CBCBCB;
  opacity: 1;
}

.support .box .support-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.support .box.isRight .intro {
  float: right;
  padding-right: 0;
  padding-left: 1.3rem;
}

.support .box.isRight .support-container {
  float: left;
}

.product {
  padding: 1.25rem 0 2.8rem;
  background-color: #F2F4F5;
}

.product .wrap {
  display: flex;
}

.product .wrap .lf {
  width: calc(50% - 0.6rem);
  padding-top: 2.5rem;
}

.product .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.95rem;
}

.product .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1.9rem;
}

.product .wrap .pic {
  width: calc(50% - 0.6rem);
  margin-left: 1.2rem;
}

.product .wrap .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.pop-box {
  display: flex;
}

.pop-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 1.15rem;
  margin-right: 0.25rem;
  background-color: #1D50A2;
  position: relative;
  transition: all 0.3s;
}

.pop-box a:last-child {
  margin-right: 0;
}

.pop-box a .text {
  color: #FFFFFF;
  font-weight: bold;
}

.pop-box a .icon {
  color: #fff;
}

.pop-box a .arr {
  margin-left: 0.5rem;
}

.pop-box a .heart {
  margin-right: 0.2rem;
}

.pop-box a .hov-box {
  position: absolute;
  bottom: calc(100% + 0.7rem);
  width: 13.45rem;
  height: auto;
  /* max-height: 9.1rem; */
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 1rem 1.2rem;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: all 0.3s;
}

.pop-box a .hov-box.other-box {
  padding: 1rem 0.8rem;
}

.pop-box .focus.noMore .hov-box {
  width: 10.5rem;
}

.pop-box a .hov-box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border-top: 0.375rem solid #fff;
  border-left: 0.375rem solid transparent;
  border-right: 0.375rem solid transparent;
}

.pop-box a .hov-box .pop-tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.4rem;
}

.pop-box a .hov-box .li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25rem;
}

.pop-box a .hov-box .li div {
  width: 0.5rem;
  margin-right: 0.2rem;
}

.pop-box a .hov-box .li div img {
  max-width: 100%;
}

.pop-box a .hov-box .li p {
  color: #000000;
  line-height: 1.4;
  width: calc(100% - 0.7rem);
  padding-top: 0.1rem;
}

.pop-box a .hov-box .pic-box {
  margin-top: 0.75rem;
  display: flex;
}

.pop-box a .hov-box .pic-box .pic-li {
  width: 30%;
  margin-right: 5%;
}

.pop-box a .hov-box .pic-box .pic-li:last-child {
  margin-right: 0;
}

.pop-box a .hov-box .pic-box .pic-li div {
  width: 100%;
  margin-bottom: 2px;
}

.pop-box a .hov-box .pic-box .pic-li div img {
  width: 100%;
}

.pop-box a .hov-box .pic-box .pic-li p {
  color: #000000;
  line-height: 1.4;
  text-align: center;
}

.pop-box a:hover {
  background-color: #1D50A2;
}

.pop-box a:hover .hov-box {
  bottom: calc(100% + 0.9rem);
  opacity: 1;
  visibility: visible;
}

.qua {
  padding: 1.8rem 0 2rem;
}

.qua .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.qua .wrap .box {
  display: flex;
  align-items: stretch;
  /* justify-content: space-between; */
}

.qua .wrap .box .pub-roll {
  width: 48%;
  height: 16.4rem;
}

/* .qua .wrap .box .pub-roll .str_move {
  margin-top: 5px;
} */
.qua .wrap .box .pub-roll div {
  /* height: 14.4rem; */
}

.qua .wrap .box .pub-roll p {
  color: #2E2E2E;
  width: 100%;
  min-height: 1.3rem;
  line-height: 1.2;
  padding: 5px 1.5rem;
  display: flex;
  align-items: center;
  background-color: #E5E9F6;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  color: #2E2E2E;
}

.qua .wrap .box .pub-roll p:nth-child(2n) {
  background-color: #FFFFFF;
}

.qua .wrap .box .pub-roll p:last-child {
  border-bottom: 1px solid #E6E6E6;
}

.qua .wrap .box .pic-box {
  width: 48%;
  margin-left: 4%;
  /* padding-left: 1.25rem; */
}

.qua .wrap .box .pic-box .li {
  width: 100%;
  height: 7.75rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.qua .wrap .box .pic-box .li:last-child {
  margin-bottom: 0;
}

.qua .wrap .box .pic-box .li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.qua .wrap .box .pic-box .li p {
  position: absolute;
  bottom: 0.8rem;
  width: 100%;
  left: 0;
  padding: 0 1.1rem;
  line-height: 1.4;
  color: #fff;
}

.honor {
  padding: 1.8rem 0 2.2rem;
  background-color: #F2F4F5;
}

.honor .wrap .h1 {
  color: #1D50A2;
  font-weight: bold;
}

.honor .wrap .h2 {
  color: #2E2E2E;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}

.honor .wrap .h2 span {
  color: #1D50A2;
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: bold;
}

.honor .wrap .title {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.honor .wrap .title p {
  color: #2E2E2E;
  font-weight: bold;
  line-height: 1.4;
}

.honor .wrap .title .time {
  width: 25%;
}

.honor .wrap .title .type {
  width: 75%;
}

.box-cont {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.honor .wrap .li-wrap {
  width: 48%;
  height: 16rem;
}

.honor .wrap .li-wrap .li {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.honor .wrap .li-wrap .li p {
  color: #333333;
  font-weight: 500;
  line-height: 1.2;
}

.honor .wrap .li-wrap .li .time {
  width: 25%;
}

.honor .wrap .li-wrap .li .type {
  /* width: 75%; */
  width: 100%;
}

.box-cont .pic-box {
  width: 48%;
  /* padding-left: 1.25rem; */
}

.box-cont .pic-box .up-container {
  margin-bottom: 0.5rem;
}

.box-cont .pic-box .li {
  width: 100%;
  /* margin-bottom: .5rem; */
}

/* .box-cont .pic-box .li:last-child {
  margin-bottom: 0;
} */
.box-cont .pic-box .li .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 1.4;
  margin-top: 0.75rem;
}

.box-cont .pic-box .li .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.box-cont .pic-box .li .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.box-cont .pic-box .li .swiper-slide {
  width: 100%;
  height: 7.75rem;
}

.box-cont .pic-box .li .swiper-slide div {
  width: 100%;
  height: 100%;
}

.box-cont .pic-box .li .swiper-slide div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.box-cont .pic-box .li .swiper-slide p {
  position: absolute;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2;
  bottom: 0.8rem;
  left: 0;
  padding: 0 1.1rem;
  color: #fff;
  /* background-color: rgba(0, 0, 0, .5); */
}

.steel {
  padding: 3rem 0 3.25rem;
  background-color: #F2F4F5;
}

.steel .wrap {
  display: flex;
  justify-content: space-between;
}

.steel .wrap .lf {
  width: calc(50% - 1rem);
  padding-top: 0.5rem;
}

.steel .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.4rem;
  line-height: 1.2;
}

.steel .wrap .lf .tit br {
  display: none;
}

.steel .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1.4rem;
}

#app .steel-container {
  width: calc(50% - 1rem);
  margin: 0;
}

#app .steel-container .swiper-slide {
  width: 100%;
}

#app .steel-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

#app .steel-container .play {
  width: 2.1rem;
  z-index: 11;
  cursor: pointer;
}

#app .steel-container .play img {
  width: 100%;
}

#app .steel-container .swiper-pagination {
  bottom: 0.75rem;
}

#app .steel-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

#app .steel-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.steel-honor {
  padding: 2.1rem 0 2.5rem;
}

.steel-honor .wrap .tit {
  margin-bottom: 1.2rem;
  color: #1D50A2;
  font-weight: bold;
}

.steel-honor .wrap .top-tittle {
  display: flex;
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #CCCCCC;
}

.steel-honor .wrap .top-tittle span {
  color: #2E2E2E;
  font-weight: bold;
  line-height: 1.4;
}

.steel-honor .wrap .top-tittle .time {
  width: 25%;
}

.steel-honor .wrap .top-tittle .type {
  width: 75%;
}

.steel-honor .wrap .box {
  width: 48%;
  height: 16rem;
}

.steel-honor .wrap .box .li {
  display: flex;
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #CCCCCC;
}

.steel-honor .wrap .box .li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.steel-honor .wrap .box .li span {
  color: #2E2E2E;
  line-height: 1.2;
}

.steel-honor .wrap .box .li .time {
  width: 25%;
}

.steel-honor .wrap .box .li .type {
  /* width: 75%; */
  width: 100%;
}

.research {
  color: #F2F4F5;
}

.research .text {
  padding: 2.45rem 8.5% 0;
  margin-bottom: 2.05rem;
}

.research .text .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.research .text .cont {
  color: #333333;
  line-height: 1.5;
}

.research .research-container {
  width: 100%;
  height: 17.5rem;
}

.research .research-container .swiper-slide {
  width: 100%;
}

.research .research-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.research .research-container .swiper-slide p {
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  bottom: 1rem;
  color: #fff;
  font-weight: 500;
}

.research .research-container .swiper-pagination {
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.research .research-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin: 0.4rem 0;
}

.research .research-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.base {
  padding: 2.6rem 0 2.65rem;
}

.base .text {
  margin-bottom: 1.5rem;
  padding: 0 8.5%;
}

.base .text .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.base .text .cont {
  color: #333333;
  line-height: 1.5;
}

.base .base-container .swiper-pagination {
  position: relative;
  margin-top: 1rem;
  line-height: 1.4;
  bottom: 0;
}

.base .base-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.base .base-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.base .base-container .swiper-slide {
  width: 83%;
  margin: 0 0.3rem;
  cursor: pointer;
}

.base .base-container .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}

.base .base-container .swiper-slide img {
  width: 100%;
}

.base .base-container .swiper-slide p {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  padding: 0 1rem;
  line-height: 1.4;
  color: #fff;
  z-index: 3;
  font-weight: 500;
}

.tech {
  padding: 2.1rem 0 2.3rem;
  background-color: #F2F4F5;
}

.tech .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.95rem;
}

.tech .wrap .tech-container .swiper-scrollbar {
  position: relative;
  margin-top: 1.5rem;
  bottom: 0;
}

.tech .wrap .tech-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.tech .wrap .tech-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 0.75rem;
}

.tech .wrap .tech-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.tech .wrap .tech-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.tech .wrap .tech-container .swiper-slide {
  width: 48.75%;
  margin-right: 2.5%;
}

.tech .wrap .tech-container .swiper-slide:last-child {
  margin-right: 0;
}

.tech .wrap .tech-container .swiper-slide .pic {
  width: 100%;
  height: 11.25rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.tech .wrap .tech-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.tech .wrap .tech-container .swiper-slide .text .h1 {
  color: #232323;
  margin-bottom: 0.4rem;
  font-weight: bold;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tech .wrap .tech-container .swiper-slide .text .h2 {
  color: #333333;
  line-height: 1.5;
  max-height: 4.5em;
  margin-bottom: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tech .wrap .tech-container .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.partner {
  padding: 2.85rem 0 3.4rem;
}

.partner .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.partner .partner-container {
  /* height: 10.05rem; */
}

.partner .partner-container .swiper-pagination {
  line-height: 1.4;
  bottom: 0.75rem;
}

.partner .partner-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.partner .partner-container .swiper-wrapper {
  min-width: 100%;
}

.partner .partner-container .swiper-slide {
  width: 3.6rem;
  height: 1.5rem;
  margin-right: 2rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
}

.partner .partner-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.partner .partner-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.steel-pop .wrap {
  width: 53%;
  height: 76%;
  padding: 1rem;
}

.steel-pop .wrap2 {
  width: 83%;
  height: 78%;
}

.steel-pop .wrap .intro {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 0 0.5rem;
  position: relative;
  z-index: 10;
}

.steel-pop .wrap .intro::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.steel-pop .wrap .intro::-webkit-scrollbar {
  width: 3px;
}

.steel-pop .wrap .intro::-webkit-scrollbar-track {
  background: transparent;
}

/* .steel-pop .wrap:hover::-webkit-scrollbar-thumb {
  background: #1D50A2;
} */
.steel-pop .wrap .intro .pop-container {
  margin-bottom: 1.25rem;
}

.steel-pop .wrap .intro .pop-container .pop-pagination {
  bottom: 0.9rem;
  line-height: 1.4;
}

.steel-pop .wrap .intro .pop-container .pop-pagination .swiper-pagination-bullet {
  background: none;
  border: 2px solid #7D7D7D;
  opacity: 1;
}

.steel-pop .wrap .intro .pop-container .pop-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.steel-pop .wrap .intro .pop-container .swiper-slide {
  width: 100%;
}

.steel-pop .wrap .intro .pop-container .swiper-slide img {
  width: 100%;
}

.steel-pop .wrap .intro .box-container .pop-container .swiper-slide {
  /* height: 12.5rem; */
}

.steel-pop .wrap .intro .box-container .pop-container .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.steel-pop .wrap .intro .text .h1 {
  color: #1D50A2;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
  line-height: 1.4;
  text-align: justify;
}

.steel-pop .wrap .intro .text .h2 {
  color: #666666;
  line-height: 1.6;
  text-align: justify;
}

.green-build .wrap {
  width: 57%;
  height: 80%;
  padding: 1rem;
}

.green-build .wrap .all-box {
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding: 0 0.5rem;
}

.green-build .wrap .all-box::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.green-build .wrap .all-box::-webkit-scrollbar {
  width: 3px;
}

.green-build .wrap .title {
  width: 100%;
  /* padding-bottom: 1.15rem; */
  /* border-bottom: 1px solid #D9D9D9; */
  margin-bottom: 1.25rem;
}

.green-build .wrap .title .h1 {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.55rem;
}

.green-build .wrap .title .h2 {
  color: #666666;
}

.green-build .wrap .intro {
  margin-bottom: 1.6rem;
}

.green-build .wrap .intro .h1 {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.green-build .wrap .intro .h2 {
  color: #666;
  margin-bottom: 1.1rem;
  text-align: justify;
}

.green-build .wrap .intro .h2 p {
  color: #666;
}

.green-build .wrap .intro .h2 p:last-child {
  margin-bottom: 0;
}

.green-build .wrap .intro .box {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.green-build .wrap .intro .box .cont-box {
  width: 49%;
  margin-right: 2%;
  background-color: #F5F5F5;
  min-height: 9rem;
  padding: 1rem 1.2rem;
}

.green-build .wrap .intro .box .cont-box:nth-child(2n) {
  margin-right: 0;
}

.green-build .wrap .intro .box .cont-box .tit {
  color: #454545;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.6rem;
}

.green-build .wrap .intro .box .cont-box .text {
  color: #666666;
  line-height: 0.65rem;
  /* height: 3.9rem; */
  /* overflow-y: auto; */
  margin-bottom: 0.8rem;
  text-align: justify;
}

.green-build .wrap .intro .box .cont-box .li-wrap {
  display: flex;
  justify-content: space-between;
}

.green-build .wrap .intro .box .cont-box .li-wrap .li {
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.green-build .wrap .intro .box .cont-box .li-wrap .li .icon {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #1D50A2;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.3rem;
}

.green-build .wrap .intro .box .cont-box .li-wrap .li .icon img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.green-build .wrap .intro .box .cont-box .li-wrap .li .font {
  color: #232323;
  font-weight: 500;
  line-height: 1.5;
}

.green-build .wrap .apply .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.green-build .wrap .apply .li-wrap {
  display: flex;
  flex-wrap: wrap;
}

.green-build .wrap .apply .li-wrap .li:nth-child(-n+2) {
  margin-top: 0;
}

.green-build .wrap .apply .li-wrap .li {
  width: 49%;
  margin-right: 2%;
  margin-top: 1rem;
}

.green-build .wrap .apply .li-wrap .li:nth-child(2n) {
  margin-right: 0;
}

.green-build .wrap .apply .li-wrap .li .pic {
  width: 100%;
  /* height: 7rem; */
  margin-bottom: 0.5rem;
}

.green-build .wrap .apply .li-wrap .li .pic .swiper-slide {
  width: 100%;
  height: 100%;
}

.green-build .wrap .apply .li-wrap .li .pic .swiper-slide img {
  width: 100%;
  /* height: 100%; */
  -o-object-fit: cover;
  object-fit: cover;
}

.green-build .wrap .apply .li-wrap .li .cont .h1 {
  color: #1D50A2;
  line-height: 1.2;
  font-weight: bold;
  font-size: 0.75rem;
  margin-bottom: 0.4rem;
}

.green-build .wrap .apply .li-wrap .li .cont .h2 {
  color: #666666;
  line-height: 1.6;
}

.qua {
  padding: 2.2rem 0 2.4rem;
  background-color: #F2F4F5;
}

.qua .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1rem;
}

.qua .wrap .swiper-box {
  position: relative;
}

.qua .wrap .swiper-box .swiper-button-prev,
.qua .wrap .swiper-box .swiper-button-next {
  color: #1D50A2;
}

.qua .wrap .swiper-box .swiper-button-prev::after,
.qua .wrap .swiper-box .swiper-button-next::after {
  font-size: 0.8rem;
}

.qua .wrap .swiper-box .swiper-button-prev {
  left: -1rem;
}

.qua .wrap .swiper-box .swiper-button-next {
  right: -1rem;
}

.qua .wrap .tab-container .swiper-slide {
  width: 13.4%;
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  margin-right: 1%;
  border: 1px solid #D9D9D9;
  cursor: pointer;
  transition: all 0.3s;
}

.qua .wrap .tab-container .swiper-slide:last-child {
  margin-right: 0;
}

.qua .wrap .tab-container .swiper-slide:hover,
.qua .wrap .tab-container .swiper-slide.cur {
  background-color: #1D50A2;
  color: #fff;
}

.qua .wrap .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
}

.qua .wrap .box .li {
  width: 31.25%;
  margin-right: 3.125%;
  margin-bottom: 1.25rem;
}

.qua .wrap .box .li:nth-child(3n) {
  margin-right: 0;
}

.qua .wrap .box .li .pic {
  width: 100%;
  height: 8rem;
  overflow: hidden;
}

.qua .wrap .box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.qua .wrap .box .li .intro {
  width: 100%;
  height: 6.65rem;
  background-color: #fff;
  padding: 1rem;
}

.qua .wrap .box .li .intro .h1 {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  height: 2.8em;
  margin-bottom: 0.5rem;
  /* white-space: nowrap; */
  overflow: hidden;
  /* text-overflow: ellipsis; */
  position: relative;
}

/* .qua .wrap .box .li .intro .h1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, transparent, #fff);
} */
.qua .wrap .box .li .intro .h2 {
  color: #666666;
  line-height: 0.6rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: 0.9rem;
}

.qua .wrap .box .li:hover .pic img {
  transform: scale(1.1);
}

.qua .wrap .load-more {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  /* padding: 0.5rem; */
  /* background-color: #1D50A2; */
  cursor: pointer;
}

.qua .wrap .load-more div {
  width: 0.8rem;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
  margin: 0 auto 0.3rem;
}

.qua .wrap .load-more div img {
  width: 100%;
}

.qua .wrap .load-more p {
  color: #333;
  line-height: 1.4;
  text-align: center;
}

.qua-pop .wrap {
  width: 57%;
  height: 80%;
  padding: 1rem;
}

.qua-pop .wrap .box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  /* padding: 0 1.4rem; */
}

.qua-pop .wrap .box::-webkit-scrollbar {
  display: none;
}

.qua-pop .wrap .box::-webkit-scrollbar-thumb {
  display: none;
}

.qua-pop .wrap .box::-webkit-scrollbar-track {
  display: none;
}

.qua-pop .wrap .box .swiper {
  width: 100%;
  margin-bottom: 1.35rem;
}

.qua-pop .wrap .box .swiper .swiper-pagination {
  line-height: 1.4;
  bottom: 0.8rem;
}

.qua-pop .wrap .box .swiper .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.qua-pop .wrap .box .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.qua-pop .wrap .box .swiper .swiper-slide {
  width: 100%;
}

.qua-pop .wrap .box .swiper .swiper-slide img {
  width: 100%;
}

.qua-pop .wrap .box .h1 {
  color: #1D50A2;
  line-height: 1.4;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
  text-align: justify;
}

.qua-pop .wrap .box .h2 {
  color: #313131;
  line-height: 1.4;
  margin-bottom: 0.45rem;
}

.qua-pop .wrap .box .intro {
  color: #666666;
  line-height: 1.6;
  margin-bottom: 0.8rem;
}

.qua-pop .wrap .box .h3 {
  color: #313131;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}

.qua-pop .wrap .box .cont p {
  color: #555555;
  position: relative;
  line-height: 1.4;
  padding-left: 0.5rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
}

.qua-pop .wrap .box .cont p:last-child {
  margin-bottom: 0;
}

.qua-pop .wrap .box .cont p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #9F9F9F;
}

.build {
  padding: 1.8rem 0 2.8rem;
  background-color: #F2F4F5;
}

.build .wrap .tit {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.build .wrap .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 1.8rem;
}

.build .wrap .h1 {
  color: #1D50A2;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 1rem;
}

.build .wrap .build-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 0.75rem;
}

.build .wrap .build-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.build .wrap .build-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.build .wrap .build-container .swiper-slide {
  width: 48.75%;
  margin-right: 2.5%;
  cursor: pointer;
}

.build .wrap .build-container .swiper-slide:last-child {
  margin-right: 0;
}

.build .wrap .build-container .swiper-slide div {
  width: 100%;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.build .wrap .build-container .swiper-slide div img {
  width: 100%;
  transition: all 0.3s;
}

.build .wrap .build-container .swiper-slide p {
  color: #232323;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
}

.build .wrap .build-container .swiper-slide:hover div img {
  transform: scale(1.1);
}

.pro-tech {
  padding: 2.25rem 0 1.4rem;
}

.pro-tech .wrap {
  display: flex;
  justify-content: space-between;
}

.pro-tech .wrap .lf {
  width: 48%;
  padding-top: 0.3rem;
}

.pro-tech .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.pro-tech .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1.5rem;
}

.pro-tech .wrap .tech-container {
  width: 48%;
  margin: 0;
}

.patent-swiper-box {
  padding-bottom: 3.4rem;
}

.patent-swiper-box .patent-container {
  overflow: initial;
}

.patent-swiper-box .patent-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 0.75rem;
}

.patent-swiper-box .patent-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.patent-swiper-box .patent-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.patent-swiper-box .patent-container .swiper-slide {
  width: 43.75%;
  margin-right: 2.5%;
}

.patent-swiper-box .patent-container .swiper-slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, transparent, transparent, rgba(0, 0, 0, 0.8));
}

.patent-swiper-box .patent-container .swiper-slide:last-child {
  margin-right: 0;
}

.patent-swiper-box .patent-container .swiper-slide img {
  width: 100%;
}

.patent-swiper-box .patent-container .swiper-slide .tit {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0.45rem;
  min-width: 3rem;
  padding: 0 10px;
  height: 1.25rem;
  left: 1.25rem;
  text-align: center;
  background-color: #1D50A2;
  color: #fff;
  font-weight: bold;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 0.9rem;
  display: flex;
  justify-content: center;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 2.5rem;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li:last-child {
  margin-right: 0;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li .num {
  margin-bottom: 0.3rem;
  display: flex;
  align-items: flex-end;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li .num p {
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li .num span {
  color: #fff;
  line-height: 1.4;
}

.patent-swiper-box .patent-container .swiper-slide .li-wrap .li .intro {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
}

.box-container .box-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 0.75rem;
}

.box-container .box-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.honor-pop .wrap {
  height: 80%;
  padding: 1rem;
}

.honor-pop .wrap .box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 0 1rem;
}

.honor-pop .wrap .box::-webkit-scrollbar {
  width: 3px;
}

.honor-pop .wrap .box::-webkit-scrollbar-thumb {
  background: #1D50A2;
  border-radius: 2px;
}

.honor-pop .wrap .box .title {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.5rem;
}

.honor-pop .wrap .box .title p {
  color: #2E2E2E;
  font-weight: bold;
  line-height: 1.4;
}

.honor-pop .wrap .box .title .time {
  width: 25%;
}

.honor-pop .wrap .box .title .type {
  width: 75%;
}

.honor-pop .wrap .box .li-wrap {
  height: calc(100% - 1.75rem);
}

.honor-pop .wrap .box .li-wrap .li {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  height: 1.5rem;
}

.honor-pop .wrap .box .li-wrap .li .time {
  width: 25%;
}

.honor-pop .wrap .box .li-wrap .li .type {
  /* width: 75%; */
  width: 100%;
}

.figure {
  padding: 2.8rem 0 1.95rem;
}

.figure .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.figure .wrap .intro {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 1.75rem;
}

.figure .wrap .figure-container {
  overflow: initial;
}

.figure .wrap .figure-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 0.75rem;
}

.figure .wrap .figure-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.figure .wrap .figure-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.figure .wrap .figure-container .swiper-slide {
  width: 43.75%;
  margin-right: 2.5%;
}

.figure .wrap .figure-container .swiper-slide:last-child {
  margin-right: 0;
}

.figure .wrap .figure-container .swiper-slide .pic {
  width: 100%;
  height: 11.2rem;
  margin-bottom: 1.1rem;
  overflow: hidden;
}

.figure .wrap .figure-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.figure .wrap .figure-container .swiper-slide .h1 {
  color: #232323;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.6rem;
}

.figure .wrap .figure-container .swiper-slide .cont {
  color: #666666;
  line-height: 0.65rem;
  height: 1.3rem;
  overflow: hidden;
  margin-bottom: 0.9rem;
}

.figure .wrap .figure-container .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.figure-pop .wrap {
  width: 57%;
  height: 80%;
  padding: 1rem;
  /* overflow: hidden; */
}

.figure-pop .wrap .top {
  /* padding-bottom: 1.05rem; */
  width: 100%;
  /* border-bottom: 1px solid #D9D9D9; */
  margin-bottom: 1.15rem;
}

.figure-pop .wrap .top .tit {
  color: #1D50A2;
  font-weight: bold;
  /* font-size: 1.05rem; */
  line-height: 1.4;
  margin-bottom: 0.55rem;
}

.figure-pop .wrap .top .cont {
  color: #666666;
  line-height: 1.6;
}

.figure-pop .wrap .h1 {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.figure-pop .wrap .box {
  padding: 0 0.5rem;
  height: 100%;
  overflow-y: auto;
}

.figure-pop .wrap .box .box-scr {
  /* height: 100%; */
  /* overflow-y: auto; */
  display: flex;
  flex-wrap: wrap;
}

.figure-pop .wrap .box::-webkit-scrollbar {
  width: 3px;
}

.figure-pop .wrap .box::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.figure-pop .wrap .box .li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 1.25rem;
}

.figure-pop .wrap .box .li:nth-child(2n) {
  margin-right: 0;
}

.figure-pop .wrap .box .li .pic {
  width: 100%;
  /* height: 10.5rem; */
  margin-bottom: 0.5rem;
}

.figure-pop .wrap .box .li .pic img {
  width: 100%;
  /* height: 100%; */
  -o-object-fit: cover;
  object-fit: cover;
}

.figure-pop .wrap .box .li .title {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.4rem;
  font-size: 0.75rem;
  line-height: 1.4;
}

.figure-pop .wrap .box .li .infor {
  color: #666666;
  line-height: 1.6;
}

.constru .introduce {
  padding: 2.5rem 0 3.3rem;
  position: relative;
}

.constru .introduce .pos-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.constru .introduce .pos-bg img {
  width: 100%;
}

.constru .introduce .wrap .icon {
  display: flex;
  align-items: center;
  margin-bottom: 1.1rem;
}

.constru .introduce .wrap .icon div {
  width: 1.1rem;
  margin-right: 0.5rem;
}

.constru .introduce .wrap .icon div img {
  width: 100%;
}

.constru .introduce .wrap .icon p {
  color: #1D50A2;
  font-weight: bold;
}

.constru .introduce .wrap .cont {
  color: #333333;
  line-height: 1.7;
}

.constru .archi {
  width: 100%;
  min-height: 23.95rem;
  padding: 3.25rem 8.5%;
}

.constru .archi .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.constru .archi .pic {
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.constru .archi .pic img {
  max-width: 100%;
}

.constru .pile .top {
  padding: 2.3rem 8.5% 0;
  background-color: #fff;
}

.constru .pile .top .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.constru .pile .top .cont {
  color: #333333;
  line-height: 1.7;
  margin-bottom: 2rem;
}

.constru .pile .top .tab {
  display: flex;
  align-items: flex-end;
}

.constru .pile .top .tab span {
  color: #999999;
  line-height: 1.4;
  margin-right: 1.25rem;
  font-size: 0.45rem;
  padding-bottom: 0.8rem;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  transition: all 0.3s;
}

.constru .pile .top .tab span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: #1D50A2;
  transition: all 0.3s;
}

.constru .pile .top .tab span:hover {
  color: #000000;
}

.constru .pile .top .tab span.cur {
  color: #000000;
  font-size: 0.6rem;
}

.constru .pile .top .tab span.cur::after {
  width: 100%;
}

.constru .pile .cont .list {
  padding: 2.75rem 8.5%;
  background-color: #F5F5F5;
}

.constru .pile .cont .list .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.45rem;
}

.constru .pile .cont .list .intro {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 0.9rem;
}

.constru .pile .cont .list .li-wrap .li {
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 1rem;
}

.constru .pile .cont .list .li-wrap .li:last-child {
  margin-bottom: 0;
}

.constru .pile .cont .list .li-wrap .li:nth-child(2n) .lf {
  float: right;
}

.constru .pile .cont .list .li-wrap .li:nth-child(2n) .rg {
  float: left;
}

.constru .pile .cont .list .li-wrap .li .lf {
  width: 50%;
  height: 11rem;
  float: left;
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-pagination {
  top: auto;
  transform: translate(0, 0);
  bottom: auto;
  right: 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-pagination .swiper-pagination-bullet {
  background: #FFFFFF;
  opacity: 1;
  margin: 4px 0;
  width: 0.25rem;
  height: 0.25rem;
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-slide {
  width: 100%;
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.constru .pile .cont .list .li-wrap .li .lf .swiper-slide p {
  color: #FFFFFF;
  position: absolute;
  z-index: 2;
  line-height: 1.5;
  bottom: 0.7rem;
  left: 0;
  width: 100%;
  text-align: center;
}

.constru .pile .cont .list .li-wrap .li .rg {
  float: right;
  width: 50%;
  padding: 3.25rem 1rem 0 1.6rem;
}

.constru .pile .cont .list .li-wrap .li .rg>p {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.75rem;
  margin-bottom: 0.8rem;
}

.constru .pile .cont .list .li-wrap .li .rg div {
  color: #666666;
  line-height: 1.8;
}

.constru .pile .cont .list:nth-child(2n) {
  background-color: #fff;
}

.constru .pile .cont .list:nth-child(2n) .li-wrap .li {
  background-color: #F5F5F5;
}

.constru .con-honor {
  padding: 2.55rem 0 3.25rem;
}

.constru .con-honor .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.constru .con-honor .wrap .box {
  display: flex;
  flex-wrap: wrap;
}

.constru .con-honor .wrap .box .li {
  width: 30.5%;
  height: 1.35rem;
  line-height: 1.35rem;
  margin-right: 4.25%;
  /* border-top: 1px solid #EEEEEE; */
  border-bottom: 1px solid #EEEEEE;
  /* font-weight: 500; */
  color: #2E2E2E;
}

.constru .con-honor .wrap .box .li:nth-child(3n) {
  margin-right: 0;
}

/* .constru .con-honor .wrap .box .li:nth-child(n+4) {
  border-top: none;
} */
.service .top {
  padding: 2.5rem 8.5% 3.25rem;
  position: relative;
}

.service .top .icon {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}

.service .top .icon div {
  width: 1.1rem;
  margin-right: 0.3rem;
}

.service .top .icon div img {
  width: 100%;
}

.service .top .icon p {
  color: #1D50A2;
  font-weight: bold;
}

.service .top .cont {
  color: #333333;
  line-height: 1.6;
}

.service .top .pos-img {
  position: absolute;
  right: 0;
  top: 0;
  /* width: 54%; */
  height: 100%;
  z-index: -1;
}

.service .top .pos-img img {
  width: 100%;
}

.service .box {
  padding: 2.5rem 0 2.5rem;
  background-color: #F5F5F5;
}

.service .box .wrap {
  position: relative;
}

.service .box .wrap .tit {
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.45rem;
}

.service .box .wrap .pic {
  width: 100%;
  position: relative;
  z-index: 2;
}

.service .box .wrap .pic img {
  max-width: 100%;
}

.service .box .wrap .pos-bg {
  position: absolute;
  width: 76%;
  left: 6.25rem;
  top: 4.75rem;
}

.service .box .wrap .pos-bg img {
  width: 100%;
}

.news {
  padding: 1.2rem 0  0.75rem;;
}

.news .wrap .hot-box {
  display: flex;
  align-items: stretch;
  margin-bottom: 0.75rem;
}





.news .wrap .hot-box .lf .title {
  height: 60px;
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  color: #E60014;
  font-weight: bold;
  position: relative;
}
.news .wrap .hot-box .lf .title a{
  color: #E60014;
}
.news .wrap .hot-box .lf .title span {
  position: relative;
  height: 60px;
  display: inline-block;
}
.news .wrap .hot-box .lf .title span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#E60014;
}
.news .wrap .hot-box .rg .title {
  height: 60px;
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  color: #1D50A2;
  font-weight: bold;
  position: relative;
}
.news .wrap .hot-box .rg .title span {
  position: relative;
  height: 60px;
  display: inline-block;
}
.news .wrap .hot-box .rg .title span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#1D50A2;
}
.news .wrap .hot-box .rg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
 } 


.news .wrap .hot-box .tit3 {
  color: #666;
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .wrap .hot-box .rg .tit3 {
  width: 100%;
}

.news .wrap .hot-box .tit3:hover {
  color: #1D50A2;
}

.news .wrap .hot-box a{
  padding: 10px .3rem;
  border-bottom: 1px solid #e5e5e5;
}

.news .wrap .hot-box a:last-child{
  border-bottom: 0px solid #e5e5e5;
}




.news .wrap .hot-box .time {
  color: #808080;
  line-height: 1.4;
  transition: all 0.3s;
}




.news .wrap .hot-box .lf {
  width: 71.25%;
/*  height: 13.5rem;*/
  position: relative;
  margin-right:1.25%;
  overflow: hidden;
  
  background-color: #fff;
  padding: 0.7rem 1.2rem 0.8rem;
}



.news .wrap .hot-box .rg {
  width: 27.5%;
  background-color: #E8EDF6;
  padding: 0.7rem 1.2rem 0.8rem;
}

.news .wrap .hot-box .rg .h1 {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0.7rem;
}

.news .wrap .hot-box .rg .li-wrap .li {
  display: block;
  margin-bottom: 0.6rem;
}

.news .wrap .hot-box .rg .li-wrap .li:last-child {
  margin-bottom: 0;
}

.news .wrap .hot-box .rg .li-wrap .li .tit {
  /* text-align: justify; */
  color: #333333;
  font-weight: 500;
  line-height: 0.9rem;
  max-height: 1.8rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
  transition: all 0.3s;
}

.news .wrap .hot-box .rg .li-wrap .li .time {
  color: #808080;
  line-height: 1.4;
}

.news .wrap .hot-box .rg .li-wrap .li:hover .tit {
  color: #1D50A2;
}

.news .wrap .hot-list {
  margin-bottom: 1.75rem;
  display: flex;
}

.news .wrap .hot-list .li {
  width: 32%;
  /* height: 6rem; */
  margin-right: 2%;
  position: relative;
  overflow: hidden;
}

.news .wrap .hot-list .li::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}

.news .wrap .hot-list .li:last-child {
  margin-right: 0;
}

.news .wrap .hot-list .li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.news .wrap .hot-list .li .text {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem 0.6rem;
}

.news .wrap .hot-list .li .text .time {
  color: #FFFFFF;
  line-height: 1.4;
  margin-bottom: 0.3rem;
}

.news .wrap .hot-list .li .text .tit {
  color: #FFFFFF;
  line-height: 0.9rem;
  max-height: 1.8rem;
  font-weight: 500;
  overflow: hidden;
  transition: all 0.3s;
}

.news .wrap .hot-list .li:hover img {
  transform: scale(1.1);
}

.news .wrap .sort-box {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.9rem;
}

.news .wrap .sort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  right: 0;
  cursor: pointer;
}

.news .wrap .sort p {
  color: #333333;
  line-height: 1.4;
  margin-right: 0.25rem;
}

.news .wrap .sort>span {
  color: #333;
  font-size: 0.5rem;
}

.news .wrap .sort .change {
  position: absolute;
  top: 100%;
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: none;
}

.news .wrap .sort .change span {
  color: #666;
  padding: 5px 0;
  line-height: 1.4;
  display: block;
  transition: all 0.3s;
}

.news .wrap .sort .change span:hover {
  color: #1D50A2;
}

.news .wrap .news-wrap .cont {
  display: flex;
  flex-wrap: wrap;
 /* margin-bottom: 0.45rem;*/
}

.news .wrap .news-wrap .cont .li {
  width: 35%;
  /*height: 5rem;*/
  margin-right: 1.25%;
  margin-bottom: 0.75rem;
  background-color: #fff;
  padding: 0.7rem 1.2rem 0.8rem;
  transition: all 0.3s;
  
}

.news .wrap .news-wrap .cont .li:nth-child(3n) {
  width: 27.5%;
  margin-right: 0;
  background-color: #E8EDF6;
}

.news .wrap .news-wrap .cont .li img {
  width: 100%;
  height:50%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}



.news .wrap .news-wrap .cont .li .title {
  height: 60px;
  border-bottom: 1px solid #ccc;
  padding-left: 20px;
  color: #1D50A2;
  font-weight: bold;
  position: relative;
}
.news .wrap .news-wrap .cont .li .title span {
  position: relative;
  height: 60px;
  display: inline-block;
}
.news .wrap .news-wrap .cont .li .title span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#1D50A2;
}


.news .wrap .news-wrap .cont .li .title2 {
  height: 60px;
  border-bottom: 1px solid #FF3336;
  padding-left: 20px;
  color: #FF3336;
  font-weight: bold;
  position: relative;
}
.news .wrap .news-wrap .cont .li .title2 span {
  position: relative;
  height: 60px;
  display: inline-block;
}
.news .wrap .news-wrap .cont .li .title2 span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background:#FF3336;
}

.news .wrap .news-wrap .cont .li .tit3 {
  color: #666;
  width: calc(100% - 70px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news .wrap .news-wrap .cont .li .tit3:hover {
  color: #1D50A2;
}


.news .wrap .news-wrap .cont .li a{
  padding: 10px .3rem;
  border-bottom: 1px solid #e5e5e5;
}

.news .wrap .news-wrap .cont .li a:last-child{
  border-bottom: 0px solid #e5e5e5;
}
/*
.news .wrap .news-wrap .cont .li:nth-child(3n) a{
   border-bottom: 1px solid #BBCAE3;
}
*/

.fl1 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}


.news .wrap .news-wrap .cont .li .tit {
  color: #333333;
  line-height: 0.9rem;
  height: 2.7rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
  transition: all 0.3s;
}

.news .wrap .news-wrap .cont .li .time {
  color: #808080;
  line-height: 1.4;
  transition: all 0.3s;
}
/*
.news .wrap .news-wrap .cont .li:hover {
  background-color: #1D50A2;
}

.news .wrap .news-wrap .cont .li:hover .tit,
.news .wrap .news-wrap .cont .li:hover .time {
  color: #fff;
}
*/
.join .infinite {
  position: relative;
  padding: 2rem 0;
  background-color: #F2F4F5;
}

.news .wrap .news-wrap .more {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin: 0 auto;
  /* padding: .5rem; */
  /* background-color: #1D50A2; */
  cursor: pointer;
}

.news .wrap .news-wrap .more div {
  width: 0.75rem;
  margin: 0 auto 0.3rem;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
}

.news .wrap .news-wrap .more div img {
  width: 100%;
}

.news .wrap .news-wrap .more p {
  color: #333;
  line-height: 1.4;
  text-align: center;
}

.join .infinite .wrap {
  display: flex;
}

.join .infinite .wrap .pic {
  width: 48.75%;
  margin-right: 2.5%;
}

.join .infinite .wrap .pic img {
  width: 100%;
}

.join .infinite .wrap .text {
  width: 48.75%;
  padding-left: 1.9rem;
}

.join .infinite .wrap .text .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.join .infinite .wrap .text .cont {
  width: 100%;
  color: #333333;
  line-height: 1.5;
}

.join .infinite .pos-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 46%;
}

.join .infinite .pos-img img {
  width: 100%;
}

.join .dev {
  padding: 1.8rem 0 1.9rem;
  background-color: #fff;
}

.join .dev .wrap .tit {
  color: #1D50A2;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.7rem;
}

.join .dev .wrap .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 0.65rem;
  text-align: left;
}

.join .dev .wrap .pic {
  width: 62.25%;
  margin: 0 auto;
}

.join .dev .wrap .pic img {
  width: 100%;
}

.join .employee {
  padding: 2.6rem 0;
  background-color: #1D50A2;
}

.join .employee .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.6rem;
}

.join .employee .wrap .employee-container .swiper-scrollbar {
  position: relative;
  bottom: 0;
  margin-top: 1.25rem;
  background: rgba(255, 255, 255, 0.2);
}

.join .employee .wrap .employee-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.join .employee .wrap .employee-container .swiper-pagination {
  position: relative;
  margin-top: 2.1rem;
  bottom: 0;
  line-height: 1.4;
}

.join .employee .wrap .employee-container .swiper-pagination .swiper-pagination-bullet {
  background: none;
  border: 2px solid #7D7D7D;
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.25rem;
  opacity: 1;
}

.join .employee .wrap .employee-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.join .employee .wrap .employee-container .swiper-slide {
  width: 31.6%;
  height: 7.5rem;
  margin-right: 2.6%;
  overflow: hidden;
}

.join .employee .wrap .employee-container .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.join .employee .wrap .employee-container .swiper-slide:last-child {
  margin-right: 0;
}

.join .employee .wrap .employee-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.join .employee .wrap .employee-container .swiper-slide p {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0.75rem;
  width: 100%;
  color: #FFFFFF;
  line-height: 1.6;
  padding: 0 0.9rem;
}

.join .employee .wrap .employee-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.join .send {
  padding: 2.2rem 0 3rem;
}

.join .send .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

/* .join .send .wrap .li-wrap {
  display: flex;
} */
.join .send .wrap .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 1.4;
  margin-top: 1rem;
}

.join .send .wrap .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.join .send .wrap .li-wrap .li {
  width: 31.6%;
  margin-right: 2.6%;
  height: 10rem;
  position: relative;
}

.join .send .wrap .li-wrap .li:last-child {
  margin-right: 0;
}

/* .join .send .wrap .li-wrap .li.weixin {
  background-color: #1D50A2;
} */
.join .send .wrap .li-wrap .li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 47, 105, 0.3);
  transition: all 0.3s;
  opacity: 1;
}

.join .send .wrap .li-wrap .li>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.join .send .wrap .li-wrap .li .pos-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
}

.join .send .wrap .li-wrap .li .pos-icon div {
  /* width: 2.5rem; */
  /* height: 2.5rem; */
  /* border: 1px solid rgba(25, 47, 105, 0.5); */
  /* border-radius: 50%; */
  /* margin: 0 auto 0.55rem; */
  width: 1rem;
  margin-right: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: brightness(100);
}

.join .send .wrap .li-wrap .li .pos-icon div img {
  /* max-width: 70%; */
  /* max-height: 70%; */
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.join .send .wrap .li-wrap .li .pos-icon p {
  /* color: #1D50A2; */
  color: #fff;
  line-height: 1.4;
  text-align: center;
  /* transform: translateY(0.5rem); */
}

.join .send .wrap .li-wrap .li .qrcode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s;
}

.join .send .wrap .li-wrap .li .qrcode img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.join .send .wrap .li-wrap .li:hover::after {
  background-color: rgba(25, 47, 105, 0.7);
}

.join .send .wrap .li-wrap .li:hover .pos-icon {
  visibility: visible;
  opacity: 1;
}

.join .send .wrap .li-wrap .li:hover .pos-icon div {
  border-color: #fff;
  filter: brightness(100);
}

.join .send .wrap .li-wrap .li:hover .pos-icon p {
  color: #fff;
}

.join .send .wrap .li-wrap .li:hover .qrcode {
  opacity: 1;
}

.creative>.top {
  padding: 1.65rem 8.5% 2.35rem;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 1.4;
  background-color: #265c9d;
  overflow: hidden;
}

.creative>.top .tit {
  margin-bottom: 0.5rem;
}

.creative>.top .sub {
  float: right;
}

.creative .cartoon {
  padding: 2.75rem 0 3.4rem;
}

.creative .cartoon .wrap {
  display: flex;
  justify-content: space-between;
}

.creative .cartoon .wrap .cartoon-container {
  width: 48%;
  margin: 0;
}

.creative .cartoon .wrap .cartoon-container .swiper-pagination {
  bottom: 0.75rem;
}

.creative .cartoon .wrap .cartoon-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

.creative .cartoon .wrap .cartoon-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.creative .cartoon .wrap .cartoon-container .play {
  z-index: 11;
  width: 2.1rem;
}

.creative .cartoon .wrap .cartoon-container .play img {
  width: 100%;
}

.creative .cartoon .wrap .cartoon-container .swiper-slide {
  width: 100%;
}

.creative .cartoon .wrap .cartoon-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.creative .cartoon .wrap .text-cont {
  width: 48%;
  /* padding-left: 3.25rem; */
}

.creative .cartoon .wrap .text-cont .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.creative .cartoon .wrap .text-cont .cont {
  color: #333333;
  margin-bottom: 1.15rem;
}

.creative .perfect {
  padding: 2.1rem 0 1.75rem;
}

.creative .perfect .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.creative .perfect .wrap .box {
  display: flex;
  align-items: flex-start;
}

.creative .perfect .wrap .box .perfect-container {
  width: 48.75%;
  margin-right: 2.5%;
}

.creative .perfect .wrap .box .perfect-container .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 1.4;
  margin-top: 1.15rem;
}

.creative .perfect .wrap .box .perfect-container .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.creative .perfect .wrap .box .perfect-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.creative .perfect .wrap .box .perfect-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.creative .perfect .wrap .box .perfect-container .swiper-slide {
  width: 100%;
  margin-right: 2%;
}

.creative .perfect .wrap .box .perfect-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .perfect .wrap .box .perfect-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.creative .perfect .wrap .box .rg {
  width: 48.75%;
  height: 13.75rem;
}

.creative .perfect .wrap .box .rg p {
  padding: 5px 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 1.2rem;
  line-height: 1.2;
  color: #2E2E2E;
  font-weight: 500;
  background-color: #E5E9F6;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.creative .perfect .wrap .box .rg p:nth-child(2n) {
  background-color: #fff;
}

.creative .industry {
  padding: 1.9rem 0 3rem;
  background-color: #1D50A2;
}

.creative .industry .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.35rem;
}

.creative .industry .wrap .industry-container .swiper-scrollbar {
  /* display: none; */
  position: relative;
  width: 100%;
  margin-top: 1rem;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.creative .industry .wrap .industry-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.creative .industry .wrap .industry-container .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 0.75rem;
  bottom: 0;
}

.creative .industry .wrap .industry-container .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

/* .creative .industry .wrap .industry-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
} */
.creative .industry .wrap .industry-container .swiper-slide {
  width: 22%;
  margin-right: 4%;
}

.creative .industry .wrap .industry-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .industry .wrap .industry-container .swiper-slide .pic {
  width: 100%;
  /* height: 11.25rem; */
  margin-bottom: 1.1rem;
  overflow: hidden;
}

.creative .industry .wrap .industry-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.creative .industry .wrap .industry-container .swiper-slide .name {
  color: #FFFFFF;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
  font-weight: 500;
  margin-bottom: 0.9rem;
}

.creative .industry .wrap .industry-container .swiper-slide .more {
  background-color: #fff;
  color: #1D50A2;
}

.creative .industry .wrap .industry-container .swiper-slide .more:hover {
  background-color: #1D50A2;
  color: #fff;
}

.creative .industry .wrap .industry-container .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.creative .boutique {
  padding: 2rem 0 2.6rem;
}

.creative .boutique .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

.creative .boutique .wrap .swiper-box {
  position: relative;
}

.creative .boutique .wrap .swiper-box .swiper-button-prev,
.creative .boutique .wrap .swiper-box .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #D1D5E1;
  color: #1D50A2;
  transition: all 0.3s;
}

.creative .boutique .wrap .swiper-box .swiper-button-prev::after,
.creative .boutique .wrap .swiper-box .swiper-button-next::after {
  font-size: 0.5rem;
}

.creative .boutique .wrap .swiper-box .swiper-button-prev:hover,
.creative .boutique .wrap .swiper-box .swiper-button-next:hover {
  background: #1D50A2;
  color: #fff;
}

.creative .boutique .wrap .swiper-box .swiper-button-prev {
  left: -2.75rem;
}

.creative .boutique .wrap .swiper-box .swiper-button-next {
  right: -2.75rem;
}

.creative .boutique .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 1rem;
  width: 100%;
  height: 3px;
  display: none;
}

.creative .boutique .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.creative .boutique .wrap .boutique-container .swiper-slide {
  width: 18%;
  margin-right: 2.5%;
}

.creative .boutique .wrap .boutique-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .boutique .wrap .boutique-container .swiper-slide img {
  width: 100%;
}

.creative .boutique .wrap .boutique-container .swiper-slide .h1 {
  position: absolute;
  left: 0.75rem;
  bottom: 0.6rem;
  line-height: 1.4;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.3s;
}

.creative .boutique .wrap .boutique-container .swiper-slide .pos-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}

.creative .boutique .wrap .boutique-container .swiper-slide .pos-cont .name {
  color: #FFFFFF;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 1.3rem;
  opacity: 0;
  transform: translateY(0.5rem);
  padding: 0 0.5rem;
  text-align: center;
}

.creative .boutique .wrap .boutique-container .swiper-slide .pos-cont .more {
  opacity: 0;
  transform: translateY(0.5rem);
}

.creative .boutique .wrap .boutique-container .swiper-slide:hover .h1 {
  opacity: 0;
}

.creative .boutique .wrap .boutique-container .swiper-slide:hover .pos-cont {
  opacity: 1;
}

.creative .boutique .wrap .boutique-container .swiper-slide:hover .pos-cont .name {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.15s 0.3s;
}

.creative .boutique .wrap .boutique-container .swiper-slide:hover .pos-cont .more {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s 0.3s;
}

/* .creative .boutique .wrap .boutique-container .swiper-slide:hover .pos-cont .more:hover {
	background-color: #1D50A2;
} */
.creative .number-box {
  padding: 2.85rem 0 2.45rem;
  background-color: #F2F4F5;
}

.creative .number-box .wrap {
  display: flex;
}

.creative .number-box .wrap .lf {
  width: 50%;
  /* padding-right: 1.7rem; */
}

.creative .number-box .wrap .lf .li-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.creative .number-box .wrap .lf .li-box .li {
  width: 30%;
  margin-bottom: 2.45rem;
}

.creative .number-box .wrap .lf .li-box .li:nth-child(3n) {
  width: 40%;
}

.creative .number-box .wrap .lf .li-box .li .number {
  margin-bottom: 0.6rem;
  display: flex;
  align-items: flex-end;
}

.creative .number-box .wrap .lf .li-box .li .number p {
  color: #1D50A2;
  font-size: 1.8rem;
  margin-right: 0.3rem;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
}

.creative .number-box .wrap .lf .li-box .li .number p .text {
  line-height: 0.8;
}

.creative .number-box .wrap .lf .li-box .li .number p .symbol {
  font-size: 0.9rem;
  line-height: 1.4;
  white-space: nowrap;
}

.creative .number-box .wrap .lf .li-box .li .number>span {
  color: #000000;
  font-weight: bold;
  line-height: 1.4;
  white-space: nowrap;
}

.creative .number-box .wrap .lf .li-box .li .intro {
  color: #000000;
  font-weight: bold;
  line-height: 1.4;
}

.creative .number-box .wrap .lf .cont {
  color: #333333;
  line-height: 1.5;
  text-align: justify;
  padding-right: 1.7rem;
}

.creative .number-box .wrap .rg {
  width: 50%;
  padding-left: 0.5rem;
}

.creative .number-box .wrap .rg .vid {
  width: 100%;
  position: relative;
  margin-bottom: 0.6rem;
}

.creative .number-box .wrap .rg .vid img {
  width: 100%;
}

.creative .number-box .wrap .rg .vid .play {
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
}

.creative .number-box .wrap .rg .number-container .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.75rem;
  line-height: 1.4;
}

.creative .number-box .wrap .rg .number-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.creative .number-box .wrap .rg .number-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.creative .number-box .wrap .rg .number-container .swiper-slide {
  width: 32%;
  /* height: 4.5rem; */
  margin-right: 2%;
  overflow: hidden;
}

.creative .number-box .wrap .rg .number-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .number-box .wrap .rg .number-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.creative .number-box .wrap .rg .number-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.creative .platform {
  padding: 2.8rem 0;
  background-color: #1D50A2;
}

.creative .platform .wrap .tab {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.8rem;
}

.creative .platform .wrap .tab span {
  font-size: 0.6rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.4;
  margin-right: 1rem;
  cursor: pointer;
}

.creative .platform .wrap .tab span:last-child {
  margin-right: 0;
}

.creative .platform .wrap .tab span:hover {
  color: #fff;
}

.creative .platform .wrap .tab span.cur {
  font-size: 0.9rem;
  color: #fff;
  margin-right: 1.5rem;
}

.creative .platform .wrap .platform-container {
  /* height: 6.45rem; */
}

.creative .platform .wrap .platform-container .swiper-wrapper {
  min-width: 100%;
}

.creative .platform .wrap .platform-container .swiper-slide {
  width: 6.35rem;
  /* height: 3.1rem; */
  /* margin-bottom: 0.25rem; */
  /* margin-right: 0.25rem; */
}

.creative .platform .wrap .platform-container .swiper-slide:nth-child(2n) {
  margin-bottom: 0;
}

.creative .platform .wrap .platform-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.creative .platform .wrap .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 1.25rem;
}

.creative .platform .wrap .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
}

.creative .platform .wrap .swiper-pagination {
  position: relative;
  margin-top: 2.1rem;
  bottom: 0;
  line-height: 1.4;
}

.creative .platform .wrap .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  border-radius: 0;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.creative .platform .wrap .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #FFFFFF;
  border-color: #FFFFFF;
}

.creative .overseas {
  padding: 2.5rem 0 2.4rem;
  background-color: #F2F4F5;
}

.creative .overseas .wrap {
  display: flex;
}

.creative .overseas .wrap .lf {
  width: 46.25%;
  margin-right: 7.5%;
}

.creative .overseas .wrap .lf img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.creative .overseas .wrap .rg {
  width: 46.25%;
}

.creative .overseas .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.creative .overseas .wrap .rg .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 3rem;
}

.creative .overseas .wrap .rg .swiper-box {
  position: relative;
}

.creative .overseas .wrap .rg .swiper-box .swiper-button-prev,
.creative .overseas .wrap .rg .swiper-box .swiper-button-next {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #C7CDD9;
  color: #1D50A2;
  transition: all 0.3s;
}

.creative .overseas .wrap .rg .swiper-box .swiper-button-prev::after,
.creative .overseas .wrap .rg .swiper-box .swiper-button-next::after {
  font-size: 0.3rem;
  font-weight: bold;
}

.creative .overseas .wrap .rg .swiper-box .swiper-button-prev:hover,
.creative .overseas .wrap .rg .swiper-box .swiper-button-next:hover {
  background: #1D50A2;
  color: #fff;
}

.creative .overseas .wrap .rg .swiper-box .swiper-button-prev {
  left: -1rem;
}

.creative .overseas .wrap .rg .swiper-box .swiper-button-next {
  right: -1rem;
}

.creative .overseas .wrap .rg .swiper-box .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  bottom: 0;
  margin-top: 1rem;
  display: none;
}

.creative .overseas .wrap .rg .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.creative .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide {
  width: 32%;
  /* height: 2.8rem; */
  margin-right: 2%;
  cursor: pointer;
  overflow: hidden;
}

.creative .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.creative .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.creative .broadcast {
  padding: 2.7rem 0 1.7rem;
  background-color: #1D50A2;
}

.creative .broadcast .wrap .top {
  display: flex;
  margin-bottom: 1.5rem;
}

.creative .broadcast .wrap .top .lf {
  width: 50%;
  padding-right: 1.5rem;
  padding-top: 1.6rem;
  margin-right: 1.5rem;
}

.creative .broadcast .wrap .top .lf .tit {
  color: #fff;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.creative .broadcast .wrap .top .lf .cont {
  color: #FFFFFF;
  line-height: 1.5;
}

.creative .broadcast .wrap .top .rg {
  width: calc(50% - 1.5rem);
}

.creative .broadcast .wrap .top .rg .swiper-pagination {
  bottom: 0.75rem;
  line-height: 1.4;
}

.creative .broadcast .wrap .top .rg .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.creative .broadcast .wrap .top .rg .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  border-color: #1D50A2;
}

.creative .broadcast .wrap .top .rg .swiper-slide {
  width: 100%;
}

.creative .broadcast .wrap .top .rg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.creative .broadcast .wrap .broadcast-container .swiper-scrollbar {
  position: relative;
  left: 0;
  width: 100%;
  height: 3px;
  bottom: 0;
  margin-top: 1rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  display: none;
}

.creative .broadcast .wrap .broadcast-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.creative .broadcast .wrap .broadcast-container .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.7rem;
  line-height: 1.4;
}

.creative .broadcast .wrap .broadcast-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.creative .broadcast .wrap .broadcast-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.creative .broadcast .wrap .broadcast-container .swiper-slide {
  width: 16%;
  margin-right: 0.8%;
  overflow: hidden;
}

.creative .broadcast .wrap .broadcast-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .broadcast .wrap .broadcast-container .swiper-slide img {
  width: 100%;
  transition: all 0.3s;
}

.creative .broadcast .wrap .broadcast-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.creative .internation {
  padding: 2.45rem 0 1.25rem;
  background-color: #F2F4F5;
}

.creative .internation .wrap .top {
  display: flex;
  margin-bottom: 1.6rem;
}

.creative .internation .wrap .top .lf {
  width: calc(50% - 1.5rem);
  margin-right: 1.5rem;
}

.creative .internation .wrap .top .lf .swiper-pagination {
  bottom: 0.75rem;
  line-height: 1.4;
}

.creative .internation .wrap .top .lf .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.creative .internation .wrap .top .lf .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  border-color: #1D50A2;
}

.creative .internation .wrap .top .lf .swiper-slide {
  width: 100%;
}

.creative .internation .wrap .top .lf img {
  width: 100%;
}

.creative .internation .wrap .top .rg {
  width: 50%;
  padding-left: 1.5rem;
  padding-top: 2.4rem;
}

.creative .internation .wrap .top .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.creative .internation .wrap .top .rg .cont {
  color: #333333;
  line-height: 1.5;
}

.creative .internation .wrap .internation-container .swiper-scrollbar {
  position: relative;
  margin-top: 1rem;
  height: 3px;
  bottom: 0;
  width: 100%;
  left: 0;
}

.creative .internation .wrap .internation-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.creative .internation .wrap .internation-container .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.7rem;
  line-height: 1.4;
}

.creative .internation .wrap .internation-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.creative .internation .wrap .internation-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.creative .internation .wrap .internation-container .swiper-slide {
  width: 16%;
  margin-right: 0.8%;
  overflow: hidden;
}

.creative .internation .wrap .internation-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .internation .wrap .internation-container .swiper-slide img {
  width: 100%;
  transition: all 0.3s;
}

.creative .internation .wrap .internation-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.creative .crea-research {
  padding: 2.4rem 0 2.2rem;
}

.creative .crea-research .wrap {
  display: flex;
  align-items: flex-start;
}

.creative .crea-research .wrap .lf {
  width: 50%;
  padding-right: 1.5rem;
}

.creative .crea-research .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.creative .crea-research .wrap .lf .cont {
  color: #333333;
  line-height: 0.65rem;
  /* max-height: 1.95rem; */
  /* overflow-y: auto; */
  padding-right: 0.65rem;
  margin-bottom: 0.8rem;
}

.creative .crea-research .wrap .lf .cont::-webkit-scrollbar-track {
  background: none;
}

.creative .crea-research .wrap .lf .cont::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 51, 0.4);
  border-radius: 3px;
}

.creative .crea-research .wrap .lf .cont::-webkit-scrollbar {
  width: 6px;
}

.creative .crea-research .wrap .lf .li-box {
  display: flex;
  padding-right: 0.65rem;
}

.creative .crea-research .wrap .lf .li-box .li {
  /* width: 48%; */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* margin-right: 4%; */
  margin-right: 0.5rem;
  cursor: pointer;
}

.creative .crea-research .wrap .lf .li-box .li:last-child {
  margin-right: 0;
}

.creative .crea-research .wrap .lf .li-box .li .pic {
  width: 100%;
  height: 4.8rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.creative .crea-research .wrap .lf .li-box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.creative .crea-research .wrap .lf .li-box .li:hover .pic img {
  transform: scale(1.1);
}

.creative .crea-research .wrap .lf .li-box .li .intro {
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 1.25rem;
  padding: 0 0.5rem;
  background-color: #1D50A2;
}

.creative .crea-research .wrap .lf .li-box .li .intro .text {
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  margin-right: 0.5rem;
}

.creative .crea-research .wrap .lf .li-box .li .intro .arr {
  color: #fff;
  font-size: 0.45rem;
  line-height: 1.4;
}

.creative .crea-research .wrap .lf .li-box .li:hover .intro {
  background-color: #1D50A2;
}

.creative .crea-research .wrap .crea-research-container {
  width: calc(50% - 1.5rem);
  margin-left: 1.5rem;
}

.creative .crea-research .wrap .crea-research-container .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.7rem;
  line-height: 1.4;
}

.creative .crea-research .wrap .crea-research-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.creative .crea-research .wrap .crea-research-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  border-color: #1D50A2;
}

.creative .crea-research .wrap .crea-research-container .swiper-slide {
  width: 100%;
}

.creative .crea-research .wrap .crea-research-container .swiper-slide img {
  width: 100%;
}

.creative .crea-research .wrap .crea-research-container .swiper-slide p {
  position: absolute;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2;
  bottom: 0.8rem;
  left: 0;
  padding: 0 1.1rem;
  color: #fff;
}

.creative .accredit {
  padding: 1.95rem 0 1.75rem;
  background-color: #F3F3F3;
}

.creative .accredit .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.45rem;
}

.creative .accredit .wrap .sub {
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}

.creative .accredit .wrap .pic-box {
  width: 100%;
}

.creative .accredit .wrap .pic-box img {
  max-width: 100%;
  margin: 0 auto;
}

.creative .accredit .wrap .num-li {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.creative .accredit .wrap .num-li .li {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 2.7rem;
  margin-right: 5.5rem;
}

.creative .accredit .wrap .num-li .li .num {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #1D50A2;
  margin: 0 auto 0.35rem;
  font-size: 0.8rem;
  color: #fff;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 50%;
  position: relative;
}

.creative .accredit .wrap .num-li .li .num::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4.4rem;
  border-top: 2px dashed rgba(25, 47, 105, 0.8);
  left: calc(100% + 0.9rem);
}

.creative .accredit .wrap .num-li .li .num::after {
  content: "";
  position: absolute;
  left: calc(100% + 5.1rem);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.2rem;
  height: 0.2rem;
  border-top: 1px solid #1D50A2;
  border-right: 1px solid #1D50A2;
}

.creative .accredit .wrap .num-li .li .text {
  color: #333333;
  line-height: 1.4;
  text-align: center;
}

.creative .accredit .wrap .num-li .li:last-child {
  margin-right: 0;
}

.creative .accredit .wrap .num-li .li:last-child .num::before,
.creative .accredit .wrap .num-li .li:last-child .num::after {
  display: none;
}

.creative .accredit .wrap .sub2 {
  text-align: center;
  color: #000000;
  font-weight: bold;
  margin-bottom: 0.95rem;
}

.creative .accredit .wrap .process-li {
  display: flex;
  justify-content: center;
}

.creative .accredit .wrap .process-li .li {
  width: 24%;
  position: relative;
  margin-right: 2.4rem;
}

.creative .accredit .wrap .process-li .li:last-child {
  margin-right: 0;
}

.creative .accredit .wrap .process-li .li:last-child .arr {
  display: none;
}

.creative .accredit .wrap .process-li .li img {
  width: 100%;
}

.creative .accredit .wrap .process-li .li .pic {
  width: 100%;
}

.creative .accredit .wrap .process-li .li .arr {
  position: absolute;
  top: 50%;
  left: calc(100% - 0.25rem);
  transform: translateY(-50%);
  width: 2.8rem;
}

.creative .cases {
  padding: 2.55rem 0 1.7rem;
  background-color: #1D50A2;
}

.creative .cases .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.95rem;
}

.creative .cases .wrap .cases-container .swiper-scrollbar {
  position: relative;
  margin-top: 1rem;
  height: 3px;
  bottom: 0;
  width: 100%;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.creative .cases .wrap .cases-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.creative .cases .wrap .cases-container .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1.5rem;
  line-height: 1.4;
}

.creative .cases .wrap .cases-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  border-radius: 0;
  background: #fff;
  margin: 0 0.25rem;
}

.creative .cases .wrap .cases-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
}

.creative .cases .wrap .cases-container .swiper-slide {
  width: 23.5%;
  margin-right: 2%;
}

.creative .cases .wrap .cases-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .cases .wrap .cases-container .swiper-slide .pic {
  width: 100%;
  height: 6rem;
  overflow: hidden;
}

.creative .cases .wrap .cases-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.creative .cases .wrap .cases-container .swiper-slide .cont {
  padding: 0.6rem 0.8rem 0.9rem;
  background-color: #fff;
}

.creative .cases .wrap .cases-container .swiper-slide .cont .h1 {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  height: 2.8em;
  margin-bottom: 0.3rem;
  /* white-space: nowrap; */
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.creative .cases .wrap .cases-container .swiper-slide .cont .intro {
  color: #666666;
  line-height: 0.6rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: 0.4rem;
}

.creative .cases .wrap .cases-container .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.creative .charter {
  padding: 2.5rem 0 1.6rem;
  background-color: #F3F3F3;
}

.creative .charter .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 1.15rem;
}

.creative .charter .wrap .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 1.9rem;
}

.creative .charter .wrap .charter-container .swiper-pagination {
  position: relative;
  margin-top: 1.25rem;
  line-height: 1.4;
  bottom: 0;
}

.creative .charter .wrap .charter-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.creative .charter .wrap .charter-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.creative .charter .wrap .charter-container .swiper-scrollbar {
  position: relative;
  margin-top: 1rem;
  bottom: 0;
  width: 100%;
  left: 0;
}

.creative .charter .wrap .charter-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.creative .charter .wrap .charter-container .swiper-slide {
  width: 32%;
  margin-right: 2%;
  overflow: hidden;
}

.creative .charter .wrap .charter-container .swiper-slide:last-child {
  margin-right: 0;
}

.creative .charter .wrap .charter-container .swiper-slide img {
  width: 100%;
  transition: all 0.3s;
}

.creative .charter .wrap .charter-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.metaverse .frame {
  padding: 2.6rem 0;
  background-color: #F2F4F5;
}

.metaverse .frame .wrap {
  display: flex;
  justify-content: space-between;
}

.metaverse .frame .wrap .metaverse-swiper {
  width: 48%;
  margin: 0;
}

.metaverse .frame .wrap .metaverse-swiper .play {
  width: 2.1rem;
  z-index: 10;
  cursor: pointer;
}

.metaverse .frame .wrap .metaverse-swiper .play img {
  width: 100%;
}

.metaverse .frame .wrap .metaverse-swiper .swiper-pagination {
  line-height: 1.4;
  bottom: 0.75rem;
}

.metaverse .frame .wrap .metaverse-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.metaverse .frame .wrap .metaverse-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.metaverse .frame .wrap .metaverse-swiper .swiper-slide {
  width: 100%;
}

.metaverse .frame .wrap .metaverse-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.metaverse .frame .wrap .rg {
  width: 48%;
  /* padding-left: 3.25rem; */
}

.metaverse .frame .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.metaverse .frame .wrap .rg .cont {
  color: #333333;
  margin-bottom: 1.25rem;
}

.metaverse .met-pic {
  width: 100%;
}

.metaverse .met-pic img {
  width: 100%;
}

.metaverse .original {
  padding: 2.5rem 0 2.25rem;
  background-color: #F2F4F5;
}

.metaverse .original .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.metaverse .original .wrap .swiper-box {
  position: relative;
}

.metaverse .original .wrap .swiper-box .swiper-button-prev,
.metaverse .original .wrap .swiper-box .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #C7CDD9;
  color: #1D50A2;
  transition: all 0.3s;
}

.metaverse .original .wrap .swiper-box .swiper-button-prev:hover,
.metaverse .original .wrap .swiper-box .swiper-button-next:hover {
  background-color: #1D50A2;
  color: #fff;
}

.metaverse .original .wrap .swiper-box .swiper-button-prev::after,
.metaverse .original .wrap .swiper-box .swiper-button-next::after {
  font-size: 0.5rem;
}

.metaverse .original .wrap .swiper-box .swiper-button-prev {
  left: -2.75rem;
}

.metaverse .original .wrap .swiper-box .swiper-button-next {
  right: -2.75rem;
}

.metaverse .original .wrap .swiper-box .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 1rem;
  bottom: 0;
  display: none;
}

.metaverse .original .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide {
  width: 48.75%;
  margin-right: 2.5%;
  display: flex;
  align-items: stretch;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .pic {
  width: 51%;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .intro {
  width: 49%;
  background-color: #1D50A2;
  padding: 1.35rem 1.2rem 0.5rem;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .intro .h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.7rem;
  line-height: 1.2;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .intro .cont {
  color: #FFFFFF;
  line-height: 1.5;
  max-height: 10.5em;
  margin-bottom: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .intro .more {
  background-color: #fff;
  color: #1D50A2;
}

.metaverse .original .wrap .swiper-box .original-swiper .swiper-slide .intro .more:hover {
  background-color: #1D50A2;
  color: #fff;
}

.metaverse .team {
  padding: 2.4rem 0 3.5rem;
}

.metaverse .team .wrap .tit {
  color: #fff;
  font-weight: bold;
  margin-bottom: 1.6rem;
}

.metaverse .team .wrap .swiper-box {
  width: 100%;
  position: relative;
}

.metaverse .team .wrap .swiper-box .team-pagination {
  position: relative;
  margin-top: 0.75rem;
  bottom: 0;
  line-height: 1.4;
  text-align: center;
}

.metaverse .team .wrap .swiper-box .team-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.metaverse .team .wrap .swiper-box .team-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.metaverse .team .wrap .team-swiper {
  width: calc(100% - 2.5rem);
  margin: 0;
  /* height: 10.4rem; */
}

.metaverse .team .wrap .team-swiper .swiper-wrapper {
  min-width: 100%;
}

.metaverse .team .wrap .team-swiper .swiper-slide {
  width: 4rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-right: 0.6rem;
  margin-bottom: 0.6rem;
}

.metaverse .team .wrap .team-swiper .swiper-slide div {
  width: 100%;
  height: 4rem;
  margin-bottom: 0.55rem;
}

.metaverse .team .wrap .team-swiper .swiper-slide div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.metaverse .team .wrap .team-swiper .swiper-slide p {
  color: #FFFFFF;
  line-height: 1.4;
  text-align: center;
}

.metaverse .coop {
  padding: 2.1rem 0 2.25rem;
  background-color: #F2F4F5;
}

.metaverse .coop .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.9rem;
}

.metaverse .coop .wrap .swiper-box {
  position: relative;
  margin-bottom: 2rem;
}

.metaverse .coop .wrap .swiper-box .swiper-button-prev,
.metaverse .coop .wrap .swiper-box .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #C7CDD9;
  color: #1D50A2;
  transition: all 0.3s;
}

.metaverse .coop .wrap .swiper-box .swiper-button-prev:hover,
.metaverse .coop .wrap .swiper-box .swiper-button-next:hover {
  background-color: #1D50A2;
  color: #fff;
}

.metaverse .coop .wrap .swiper-box .swiper-button-prev::after,
.metaverse .coop .wrap .swiper-box .swiper-button-next::after {
  font-size: 0.5rem;
}

.metaverse .coop .wrap .swiper-box .swiper-button-prev {
  left: -2.75rem;
}

.metaverse .coop .wrap .swiper-box .swiper-button-next {
  right: -2.75rem;
}

.metaverse .coop .wrap .swiper-box .swiper-pagination {
  position: relative;
  line-height: 1.4;
  bottom: 0;
  margin-top: 1rem;
  display: none;
}

.metaverse .coop .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide {
  width: 48.75%;
  margin-right: 2.5%;
  display: flex;
  align-items: stretch;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .pic {
  width: 51%;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .intro {
  width: 49%;
  background-color: #1D50A2;
  padding: 1.35rem 1.2rem 0.5rem;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .intro .h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 0.7rem;
  line-height: 1.2;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .intro .cont {
  color: #FFFFFF;
  line-height: 1.5;
  max-height: 10.5em;
  margin-bottom: 1.05rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .intro .more {
  background-color: #fff;
  color: #1D50A2;
}

.metaverse .coop .wrap .swiper-box .coop-swiper .swiper-slide .intro .more:hover {
  background-color: #1D50A2;
  color: #fff;
}

.metaverse .coop .wrap .threeD {
  display: flex;
  align-items: stretch;
}

.metaverse .coop .wrap .threeD .lf {
  width: 30.5%;
  background-color: #1D50A2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
}

.metaverse .coop .wrap .threeD .lf .h1 {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.metaverse .coop .wrap .threeD .lf .cont {
  color: #FFFFFF;
  line-height: 1.5;
  opacity: 0.6;
}

.metaverse .coop .wrap .threeD .rg {
  width: 69.5%;
  position: relative;
}

.metaverse .coop .wrap .threeD .rg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.metaverse .coop .wrap .threeD .rg .play {
  width: 2.1rem;
  cursor: pointer;
}

.metaverse .coop .wrap2 {
  padding: 2.75rem 0 0;
}

.metaverse .coop .wrap2 .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.metaverse .coop .wrap2 .swiper-box {
  position: relative;
}

.metaverse .coop .wrap2 .swiper-box .swiper-scrollbar {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  width: 100%;
  height: 3px;
}

.metaverse .coop .wrap2 .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.metaverse .coop .wrap2 .swiper-box .swiper-pagination {
  position: relative;
  margin-top: 1.25rem;
  bottom: 0;
  line-height: 1.4;
  text-align: center;
}

.metaverse .coop .wrap2 .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.metaverse .coop .wrap2 .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  border-color: #1D50A2;
}

.metaverse .coop .wrap2 .swiper-box .part-swiper {
  width: 100%;
  height: 6.4rem;
}

.metaverse .coop .wrap2 .swiper-box .part-swiper .swiper-wrapper {
  min-width: 100%;
}

.metaverse .coop .wrap2 .swiper-box .part-swiper .swiper-slide {
  width: 6.35rem;
  height: 3.1rem;
  margin-right: 0.25rem;
  margin-bottom: 0.2rem;
}

.metaverse .coop .wrap2 .swiper-box .part-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.meta-pop .wrap {
  width: 75%;
  padding: 1.6rem 1.5rem 2.5rem;
  height: 80%;
}

.meta-pop .wrap .box {
  height: 100%;
  overflow-y: auto;
  padding: 0 1.5rem;
}

.meta-pop .wrap .box::-webkit-scrollbar {
  width: 3px;
}

.meta-pop .wrap .box::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.meta-pop .wrap .box .top {
  display: flex;
  align-items: center;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 1.35rem;
}

.meta-pop .wrap .box .top .lf {
  width: 75%;
  padding-right: 2.5rem;
}

.meta-pop .wrap .box .top .lf .pic {
  width: 5.25rem;
  margin-bottom: 0.6rem;
}

.meta-pop .wrap .box .top .lf .pic img {
  width: 100%;
}

.meta-pop .wrap .box .top .lf .cont {
  color: #666666;
  line-height: 1.6;
  text-align: justify;
}

.meta-pop .wrap .box .top .rg {
  width: 25%;
}

.meta-pop .wrap .box .top .rg img {
  width: 100%;
}

.meta-pop .wrap .box .btm .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
}

.meta-pop .wrap .box .btm .cont {
  color: #666666;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-align: justify;
}

.meta-pop .wrap .box .btm .pic {
  width: 100%;
}

.meta-pop .wrap .box .btm .pic img {
  width: 100%;
}

.digital .cultrue {
  padding: 3.5rem 0 2.3rem;
  position: relative;
  background-color: #F2F4F5;
  z-index: 100;
}

.digital .cultrue .pos-bg {
  position: absolute;
  left: 0;
  top: 1.1rem;
  width: 52.6%;
}

.digital .cultrue .pos-bg img {
  width: 100%;
}

.digital .cultrue .wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.digital .cultrue .wrap .cultrue-swiper {
  width: 48%;
  margin: 0;
}

.digital .cultrue .wrap .cultrue-swiper .play {
  width: 2.1rem;
  z-index: 10;
  cursor: pointer;
}

.digital .cultrue .wrap .cultrue-swiper .play img {
  width: 100%;
}

.digital .cultrue .wrap .cultrue-swiper .swiper-pagination {
  bottom: 1rem;
  line-height: 1.4;
}

.digital .cultrue .wrap .cultrue-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
  margin: 0 0.25rem;
}

.digital .cultrue .wrap .cultrue-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  border-color: #1D50A2;
}

.digital .cultrue .wrap .cultrue-swiper .swiper-slide {
  width: 100%;
}

.digital .cultrue .wrap .cultrue-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.digital .cultrue .wrap .rg {
  width: 48%;
  /* padding-left: 3.25rem; */
  padding-top: 0.7rem;
}

.digital .cultrue .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.digital .cultrue .wrap .rg .cont {
  color: #333333;
  margin-bottom: 1.05rem;
}

.digital .honor {
  padding: 2rem 0 1.75rem;
}

.digital .honor .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.digital .honor .wrap .box {
  display: flex;
  align-items: flex-start;
}

.digital .honor .wrap .box .honor-swiper {
  width: 48.75%;
  margin-right: 2.5%;
}

.digital .honor .wrap .box .honor-swiper .swiper-pagination {
  position: relative;
  margin-top: 1.15rem;
  bottom: 0;
  line-height: 1.4;
}

.digital .honor .wrap .box .honor-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.digital .honor .wrap .box .honor-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.digital .honor .wrap .box .honor-swiper .swiper-slide {
  width: 100%;
}

.digital .honor .wrap .box .honor-swiper .swiper-slide img {
  width: 100%;
}

.digital .honor .wrap .box .rg {
  width: 48.75%;
  height: 13.2rem;
}

.digital .honor .wrap .box .rg p {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 1.2rem;
  line-height: 1.2;
  color: #2E2E2E;
  border: 1px solid #E6E6E6;
  background-color: #E5E9F6;
  border-bottom: none;
  padding: 10px 1.5rem;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.digital .honor .wrap .box .rg p:nth-child(2n) {
  background-color: #fff;
}

.digital .system {
  padding: 2.1rem 0 2.8rem;
  background-color: #1D50A2;
}

.digital .system .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.8rem;
}

.digital .system .wrap .pic {
  width: 100%;
  margin: 0 auto;
}

.digital .system .wrap .pic img {
  max-width: 100%;
  margin: 0 auto;
}

.digital .diTab-box {
  width: 100%;
  height: 1.5rem;
}

.digital .diTab-swiper {
  width: 100%;
  height: 1.5rem;
}

.digital .diTab-swiper .swiper-wrapper {
  justify-content: center;
}

.digital .diTab-swiper .swiper-slide {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  line-height: 1.5rem;
  margin-right: 2.5rem;
  color: #1D50A2;
  font-weight: bold;
  cursor: pointer;
}

.digital .diTab-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.digital .diTab-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 4px;
  background-color: #1D50A2;
  transition: all 0.3s;
}

.digital .diTab-swiper .swiper-slide:hover::after,
.digital .diTab-swiper .swiper-slide.cur::after {
  width: 100%;
}

.digital .diTab-cont .top {
  padding: 2.8rem 0 2.75rem;
  background-color: #F2F4F5;
}

.digital .diTab-cont .top .wrap {
  display: flex;
}

.digital .diTab-cont .top .wrap .cont {
  width: 49.4%;
  padding-top: 1.4rem;
  padding-right: 3.9rem;
}

.digital .diTab-cont .top .wrap .cont .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.15rem;
}

.digital .diTab-cont .top .wrap .cont .text {
  color: #333333;
  line-height: 1.5;
  /* opacity: 0.6; */
}

.digital .diTab-cont .top .wrap .pic {
  width: 50.6%;
  position: relative;
}

.digital .diTab-cont .top .wrap .pic img {
  width: 100%;
}

.digital .diTab-cont .top .wrap .pic .play {
  width: 2.1rem;
  cursor: pointer;
}

.digital .diTab-cont .top .wrap .pic .play img {
  width: 100%;
}

.digital .diTab-cont .btm {
  padding: 2.3rem 0 2rem;
  background-color: #1D50A2;
}

.digital .diTab-cont .btm .wrap {
  position: relative;
}

.digital .diTab-cont .btm .wrap img {
  width: 100%;
}

.digital .diTab-cont .btm .wrap .pos-text {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.6rem;
  width: 55%;
  /* height: 8rem; */
  background-color: rgba(25, 47, 105, 0.5);
}

.digital .diTab-cont .btm .wrap .pos-text .tit {
  color: #fff;
  margin-bottom: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
}

.digital .diTab-cont .btm .wrap .pos-text .cont {
  color: #fff;
  line-height: 1.5;
  height: 12em;
  overflow-y: auto;
  padding-right: 10px;
}

.digital .diTab-cont .btm .wrap .pos-text .cont::-webkit-scrollbar {
  width: 3px;
}

.valley .top-bar {
  padding: 3.6rem 0 2.5rem;
  background-color: #F2F4F5;
}

.valley .top-bar .wrap {
  display: flex;
  justify-content: space-between;
}

.valley .top-bar .wrap .lf {
  width: 48%;
  /* margin-right: 0.5rem; */
  /* padding-right: 3rem; */
}

.valley .top-bar .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.7rem;
}

.valley .top-bar .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1.45rem;
}

.valley .top-bar .wrap .swiepr-box {
  width: 48%;
}

.valley .top-bar .wrap .swiepr-box .pic {
  width: 100%;
  margin-bottom: 0.25rem;
}

.valley .top-bar .wrap .swiepr-box .pic img {
  width: 100%;
}

.valley .top-bar .wrap .vally-swiper {
  width: 48%;
  margin: 0;
}

.valley .top-bar .wrap .vally-swiper .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 0.7rem;
}

.valley .top-bar .wrap .vally-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.valley .top-bar .wrap .vally-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.valley .top-bar .wrap .vally-swiper .swiper-slide {
  width: 100%;
  /* height: 2.9rem; */
  /* margin-right: 1.33%; */
}

.valley .top-bar .wrap .vally-swiper .swiper-slide .play {
  width: 1.5rem;
  z-index: 10;
  cursor: pointer;
}

/* .valley .top-bar .wrap .vally-swiper .swiper-slide:last-child {
  margin-right: 0;
} */
.valley .top-bar .wrap .vally-swiper .swiper-slide img {
  width: 100%;
  /* height: 100%; */
  -o-object-fit: cover;
  object-fit: cover;
}

.valley .ecosphere {
  padding: 1.65rem 0 1.8rem;
}

.valley .ecosphere .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
  text-align: center;
}

.valley .ecosphere .wrap .pic {
  width: 62.5%;
  margin: 0 auto 2.4rem;
}

.valley .ecosphere .wrap .pic img {
  width: 100%;
}

.valley .ecosphere .wrap .pic2 {
  width: 100%;
  position: relative;
  text-align: center;
}

.valley .ecosphere .wrap .pic2 img {
  max-width: 100%;
}

.valley .ecosphere .wrap .pic2 p {
  position: absolute;
  bottom: 1rem;
  right: 1.6rem;
  line-height: 1.4;
  color: #fff;
  font-weight: bold;
}

.valley .activity {
  padding: 2.85rem 0 2rem;
  background-color: #1D50A2;
}

.valley .activity .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

.valley .activity .wrap .swiper-box {
  position: relative;
}

.valley .activity .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none;
}

.valley .activity .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.valley .activity .wrap .swiper-box .swiper-button-next,
.valley .activity .wrap .swiper-box .swiper-button-prev {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #D1D5E1;
  color: #fff;
  margin: 0;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.valley .activity .wrap .swiper-box .swiper-button-next::after,
.valley .activity .wrap .swiper-box .swiper-button-prev::after {
  font-size: 0.5rem;
  font-weight: bold;
}

.valley .activity .wrap .swiper-box .swiper-button-prev {
  left: -2.75rem;
}

.valley .activity .wrap .swiper-box .swiper-button-next {
  right: -2.75rem;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide {
  width: 32%;
  margin-right: 2%;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide img {
  width: 100%;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide .h1 {
  position: absolute;
  left: 0.75rem;
  bottom: 0.6rem;
  line-height: 1.4;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.3s;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont .name {
  width: 100%;
  color: #FFFFFF;
  line-height: 1.4;
  text-align: center;
  padding: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  margin-bottom: 1.3rem;
  opacity: 0;
  transform: translateY(0.5rem);
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont .more {
  opacity: 0;
  transform: translateY(0.5rem);
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .h1 {
  opacity: 0;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont {
  opacity: 1;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont .name {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.15s 0.3s;
}

.valley .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont .more {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s 0.3s;
}

.valley .merchant {
  padding: 1.95rem 0 2.8rem;
}

.valley .merchant .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.valley .merchant .wrap .swiper-box {
  position: relative;
}

.valley .merchant .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  bottom: 0;
  height: 3px;
  margin-top: 1rem;
}

.valley .merchant .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.valley .merchant .wrap .swiper-box .swiper-pagination {
  position: relative;
  margin-top: 0.75rem;
  line-height: 1.4;
  bottom: 0;
}

.valley .merchant .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.valley .merchant .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.valley .merchant .wrap .swiper-box .merchant-swiper {
  width: 100%;
  height: 6.4rem;
}

.valley .merchant .wrap .swiper-box .merchant-swiper .swiper-wrapper {
  min-width: 100%;
}

.valley .merchant .wrap .swiper-box .merchant-swiper .swiper-slide {
  width: 6.35rem;
  height: 3.1rem;
  margin-right: 0.25rem;
  margin-bottom: 0.2rem;
  /* border: 1px solid #E0E0E0; */
  overflow: hidden;
}

.valley .merchant .wrap .swiper-box .merchant-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.valley .merchant .wrap .swiper-box .merchant-swiper .swiper-slide:hover img {
  transform: scale(1.1);
}

.brigade .top-bar {
  padding: 3.35rem 0 3.5rem;
  background-color: #F2F4F5;
  position: relative;
}

.brigade .top-bar .pos-bg {
  position: absolute;
  left: 0;
  bottom: 3.6rem;
  width: 58%;
}

.brigade .top-bar .wrap {
  display: flex;
  justify-content: space-between;
}

.brigade .top-bar .wrap .lf {
  width: 48%;
  padding-top: 0.4rem;
  /* padding-right: 5rem; */
  /* margin-right: 0.5rem; */
}

.brigade .top-bar .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.7rem;
}

.brigade .top-bar .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1.25rem;
}

.brigade .top-bar .wrap .topBar-container {
  width: 48%;
  margin: 0;
}

.brigade .top-bar .wrap .topBar-container .play {
  cursor: pointer;
  z-index: 10;
}

.brigade .top-bar .wrap .topBar-container .play img {
  width: 100%;
}

.brigade .top-bar .wrap .topBar-container .swiper-pagination {
  bottom: 0.75rem;
  line-height: 1.4;
}

.brigade .top-bar .wrap .topBar-container .swiper-pagination-bullet {
  background: #fff;
}

.brigade .top-bar .wrap .topBar-container .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.brigade .top-bar .wrap .topBar-container .swiper-slide {
  width: 100%;
}

.brigade .top-bar .wrap .topBar-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.brigade .merge {
  /*padding: 0 0 1.8rem;*/
  padding: 0;
}

.brigade .merge .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.brigade .merge .wrap .box {
  display: flex;
  align-items: flex-start;
}

.brigade .merge .wrap .box .merge-swiper {
  width: 43.75%;
  margin-right: 2.5%;
}

.brigade .merge .wrap .box .merge-swiper .swiper-pagination {
  position: relative;
  /*margin-top: 1.15rem;*/
  bottom: 0;
  line-height: 1.4;
}

.brigade .merge .wrap .box .merge-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.brigade .merge .wrap .box .merge-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.brigade .merge .wrap .box .merge-swiper .swiper-slide {
  width: 100%;
}

.brigade .merge .wrap .box .merge-swiper .swiper-slide img {
  width: 100%;
}

.brigade .merge .wrap .box .merge-swiper .swiper-slide p {
  position: absolute;
  bottom: 0.8rem;
  width: 100%;
  left: 0;
  padding: 0 1.1rem;
  line-height: 1.4;
  color: #fff;
}

.brigade .merge .wrap .box .rg {
  width: 53.75%;
  height: 12.5rem;
}

.brigade .merge .wrap .box .rg p {
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 1.2rem;
  line-height: 1.2;
  color: #2E2E2E;
  border: 1px solid #E6E6E6;
  background-color: #E5E9F6;
  border-bottom: none;
  padding: 5px 1.5rem;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.brigade .merge .wrap .box .rg p:nth-child(2n) {
  background-color: #fff;
}

.brigade .project {
  padding: 2rem 0;
  background-color: #1D50A2;
}

.brigade .project .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.brigade .project .wrap .project-swiper .swiper-scrollbar {
  display: none;
  position: relative;
  margin-top: 1rem;
  bottom: 0;
  width: 100%;
  height: 3px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.brigade .project .wrap .project-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.brigade .project .wrap .project-swiper .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1.4rem;
}

.brigade .project .wrap .project-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  border-radius: 0;
  margin: 0 5px;
  background: #fff;
  transition: all 0.3s;
}

.brigade .project .wrap .project-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  width: 1rem;
}

.brigade .project .wrap .project-swiper .swiper-slide {
  width: 18.8%;
  margin-right:1.5%;
}

.brigade .project .wrap .project-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.brigade .project .wrap .project-swiper .swiper-slide .pic {
  width: 100%;
  height: 5rem;
  overflow: hidden;
}

.brigade .project .wrap .project-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.brigade .project .wrap .project-swiper .swiper-slide .cont {
  width: 100%;
  padding: 0.2rem;
  /*padding: 1rem 1rem 1.25rem;*/
  background-color: #fff;
}

.brigade .project .wrap .project-swiper .swiper-slide .cont .h1 {
 color: #1D50A2;
  font-weight: bold;
  line-height: 1.4;
  height: 2.8em;
  margin-bottom: 0.5rem;
}

.brigade .project .wrap .project-swiper .swiper-slide .cont .intro {
  color: #666666;
  line-height: 0.6rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: 0.9rem;
}

.brigade .project .wrap .project-swiper .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.brigade .partner {
  padding: 0.75rem 0 0.4rem;
}

.brigade .partner .wrap .tit {
  margin-bottom: 1.5rem;
}

.brigade .partner .wrap .swiper-box {
  position: relative;
}

.brigade .partner .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  margin-top: 0.75rem;
  width: 100%;
  height: 4px;
}

.brigade .partner .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.brigade .partner .wrap .swiper-box .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.75rem;
}

.brigade .partner .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
 /* margin: 0 5px;*/
  transition: all 0.3s;
}

.brigade .partner .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.brigade .partner .wrap .swiper-box .partner-container {
/*  height:2rem;*/
}

.brigade .partner .wrap .swiper-box .partner-container .swiper-slide {
  margin-bottom: 0.2rem;
  overflow: hidden;
}

.brigade .partner .wrap .swiper-box .partner-container .swiper-slide img {
  max-width: 100%;
  transition: all 0.3s;
}

.brigade .partner .wrap .swiper-box .partner-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.tour .top-bar {
  padding: 3.6rem 0 2.45rem;
  background-color: #F2F4F5;
}

.tour .top-bar .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.tour .top-bar .wrap .lf {
  width: 48%;
  /* padding-right: 1.5rem; */
  /* margin-right: 0.5rem; */
}

.tour .top-bar .wrap .lf .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.tour .top-bar .wrap .lf .cont {
  color: #333333;
  margin-bottom: 1rem;
}

.tour .top-bar .wrap .topBar-container {
  width: 48%;
  margin: 0;
}

.tour .top-bar .wrap .topBar-container .swiper-pagination {
  position: relative;
  margin-top: 0.7rem;
  bottom: 0;
  line-height: 1.4;
}

.tour .top-bar .wrap .topBar-container .swiper-pagination-bullet {
  background: #C1C1C1;
}

.tour .top-bar .wrap .topBar-container .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.tour .top-bar .wrap .topBar-container .swiper-slide {
  width: 100%;
}

.tour .top-bar .wrap .topBar-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.tour .partner {
  padding: 1.5rem 0 2rem;
}

.tour .partner .wrap .tit {
  margin-bottom: 1.5rem;
}

.tour .partner .wrap .swiper-box {
  position: relative;
}

.tour .partner .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  margin-top: 1rem;
}

.tour .partner .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.tour .partner .wrap .swiper-box .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.75rem;
  line-height: 1.4;
}

.tour .partner .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.tour .partner .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.tour .partner .wrap .swiper-box .partner-container {
  height: 6.4rem;
}

.tour .partner .wrap .swiper-box .partner-container .swiper-wrapper {
  min-width: 100%;
}

.tour .partner .wrap .swiper-box .partner-container .swiper-slide {
  /* border: 1px solid #E0E0E0; */
  margin-bottom: 0.2rem;
  margin-right: 0.2rem;
  overflow: hidden;
}

.tour .partner .wrap .swiper-box .partner-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.tour .partner .wrap .swiper-box .partner-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.tour .activity {
  padding: 2.75rem 0 2.1rem;
  background-color: #1D50A2;
}

.tour .activity .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

.tour .activity .wrap .swiper-box {
  position: relative;
}

.tour .activity .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: 1rem;
  display: none;
}

.tour .activity .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.tour .activity .wrap .swiper-box .swiper-button-next,
.tour .activity .wrap .swiper-box .swiper-button-prev {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #D1D5E1;
  color: #fff;
  transition: all 0.3s;
}

.tour .activity .wrap .swiper-box .swiper-button-next::after,
.tour .activity .wrap .swiper-box .swiper-button-prev::after {
  font-size: 0.5rem;
  font-weight: bold;
}

.tour .activity .wrap .swiper-box .swiper-button-prev {
  left: -2.75rem;
}

.tour .activity .wrap .swiper-box .swiper-button-next {
  right: -2.75rem;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide {
  width: 32%;
  margin-right: 2%;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide img {
  width: 100%;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide .h1 {
  position: absolute;
  left: 0.75rem;
  bottom: 0.6rem;
  line-height: 1.4;
  color: #FFFFFF;
  font-weight: 500;
  transition: all 0.3s;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.3s;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont .name {
  width: 100%;
  padding: 0 0.5rem;
  color: #FFFFFF;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 1.3rem;
  text-align: center;
  opacity: 0;
  transform: translateY(0.5rem);
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide .pos-cont .more {
  opacity: 0;
  transform: translateY(0.5rem);
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .h1 {
  opacity: 0;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont {
  opacity: 1;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont .name {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.15s 0.3s;
}

.tour .activity .wrap .swiper-box .activity-swiper .swiper-slide:hover .pos-cont .more {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s 0.3s;
}

.export .top-bar {
  padding: 2.8rem 0 2.45rem;
  background-color: #fff;
}

.export .top-bar .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.export .top-bar .wrap .topBar-swiper {
  width: 48%;
  margin: 0;
}

.export .top-bar .wrap .topBar-swiper .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.75rem;
}

.export .top-bar .wrap .topBar-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.export .top-bar .wrap .topBar-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.export .top-bar .wrap .topBar-swiper .swiper-slide {
  width: 100%;
}

.export .top-bar .wrap .topBar-swiper .swiper-slide img {
  width: 100%;
}

.export .top-bar .wrap .rg {
  width: 48%;
  /* padding-left: 2rem; */
}

.export .top-bar .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1rem;
}

.export .top-bar .wrap .rg .cont {
  color: #333333;
  /* line-height: 0.7rem; */
  /* max-height: 7rem; */
  /* overflow-y: auto; */
  margin-bottom: 1.1rem;
  /* padding-right: 5px; */
}

.export .top-bar .wrap .rg .cont::-webkit-scrollbar {
  width: 3px;
}

.export .top-bar .wrap .rg .cont::-webkit-scrollbar-thumb {
  background: #1D50A2;
}

.export .directory {
  padding: 1.65rem 0 1.75rem;
}

.export .directory .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.export .directory .wrap .swiper-box {
  position: relative;
}

.export .directory .wrap .swiper-box .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 0.75rem;
  line-height: 1.4;
}

.export .directory .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.export .directory .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
  width: 1rem;
}

.export .directory .wrap .swiper-box .directory-swiper {
  width: 100%;
  /* height: 13.75rem; */
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-wrapper {
  min-width: 100%;
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-slide {
  width: 12.6rem;
  height: 6.5rem;
  margin-right: 0.6rem;
  /* margin-bottom: 0.75rem; */
  overflow: hidden;
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-slide p {
  position: absolute;
  z-index: 2;
  bottom: 1rem;
  left: 1rem;
  color: #fff;
  line-height: 1.4;
  font-size: 0.75rem;
  font-weight: bold;
}

.export .directory .wrap .swiper-box .directory-swiper .swiper-slide:hover img {
  transform: scale(1.1);
}

.export .strategic {
  padding: 2.35rem 0 2.25rem;
  background-color: #F2F4F5;
}

.export .strategic .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1rem;
}

.export .strategic .wrap .strategic-swiper .swiper-scrollbar {
  position: relative;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 3px;
  margin-top: 1rem;
}

.export .strategic .wrap .strategic-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.export .strategic .wrap .strategic-swiper .swiper-pagination {
  position: relative;
  margin-top: 0.75rem;
  line-height: 1.4;
  bottom: 0;
}

.export .strategic .wrap .strategic-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.export .strategic .wrap .strategic-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.export .strategic .wrap .strategic-swiper .swiper-slide {
  width: 16.25%;
  margin-right: 0.5%;
  /* border: 1px solid #E0E0E0; */
  overflow: hidden;
}

.export .strategic .wrap .strategic-swiper .swiper-slide img {
  max-width: 100%;
  transition: all 0.3s;
}

.export .strategic .wrap .strategic-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.export .strategic .wrap .strategic-swiper .swiper-slide:hover img {
  transform: scale(1.1);
}

.export .overseas {
  padding: 2.5rem 0 2.4rem;
  background-color: #F2F4F5;
}

.export .overseas .wrap {
  display: flex;
}

.export .overseas .wrap .lf {
  width: 46.25%;
  margin-right: 7.5%;
}

.export .overseas .wrap .lf img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.export .overseas .wrap .rg {
  width: 46.25%;
}

.export .overseas .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.export .overseas .wrap .rg .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 3rem;
}

.export .overseas .wrap .rg .swiper-box {
  position: relative;
}

.export .overseas .wrap .rg .swiper-box .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  bottom: 0;
  margin-top: 1rem;
  display: none;
}

.export .overseas .wrap .rg .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.export .overseas .wrap .rg .swiper-box .swiper-button-prev,
.export .overseas .wrap .rg .swiper-box .swiper-button-next {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #C7CDD9;
  color: #1D50A2;
  transition: all 0.3s;
}

.export .overseas .wrap .rg .swiper-box .swiper-button-prev::after,
.export .overseas .wrap .rg .swiper-box .swiper-button-next::after {
  font-size: 0.3rem;
  font-weight: bold;
}

.export .overseas .wrap .rg .swiper-box .swiper-button-prev:hover,
.export .overseas .wrap .rg .swiper-box .swiper-button-next:hover {
  background: #1D50A2;
  color: #fff;
}

.export .overseas .wrap .rg .swiper-box .swiper-button-prev {
  left: -1rem;
}

.export .overseas .wrap .rg .swiper-box .swiper-button-next {
  right: -1rem;
}

.export .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide {
  width: 32%;
  /* height: 2.8rem; */
  margin-right: 2%;
  cursor: pointer;
  overflow: hidden;
}

.export .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide:last-child {
  margin-right: 0;
}

.export .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.export .overseas .wrap .rg .swiper-box .overseas-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.carbon .top-bar {
  padding: 2.8rem 0 2.45rem;
  background-color: #F2F4F5;
}

.carbon .top-bar .wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.carbon .top-bar .wrap .topBar-swiper {
  width: 48%;
  margin: 0;
}

.carbon .top-bar .wrap .topBar-swiper .play {
  z-index: 10;
  width: 2.1rem;
  cursor: pointer;
}

.carbon .top-bar .wrap .topBar-swiper .play img {
  width: 100%;
}

.carbon .top-bar .wrap .topBar-swiper .swiper-pagination {
  bottom: 0.75rem;
}

.carbon .top-bar .wrap .topBar-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.carbon .top-bar .wrap .topBar-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.carbon .top-bar .wrap .topBar-swiper .swiper-slide {
  width: 100%;
}

.carbon .top-bar .wrap .topBar-swiper .swiper-slide img {
  width: 100%;
}

.carbon .top-bar .wrap .rg {
  width: 48%;
  /* padding-left: 3.25rem; */
  padding-top: 1.45rem;
}

.carbon .top-bar .wrap .rg .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.3rem;
}

.carbon .top-bar .wrap .rg .cont {
  color: #333333;
  line-height: 1.5;
  margin-bottom: 1.3rem;
}

.carbon .teamwork {
  padding: 2.1rem 0 1rem;
}

.carbon .teamwork .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1rem;
}

.carbon .teamwork .wrap .swiper-box {
  position: relative;
}

.carbon .teamwork .wrap .swiper-box .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 3px;
  margin-top: 1rem;
  bottom: 0;
}

.carbon .teamwork .wrap .swiper-box .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.carbon .teamwork .wrap .swiper-box .swiper-pagination {
  position: relative;
  margin-top: 0.75rem;
  bottom: 0;
  line-height: 1.4;
}

.carbon .teamwork .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  background: #C1C1C1;
}

.carbon .teamwork .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.carbon .teamwork .wrap .swiper-box .teamwork-container {
  width: 100%;
  height: 6.4rem;
}

.carbon .teamwork .wrap .swiper-box .teamwork-container .swiper-slide {
  width: 6.35rem;
  height: 3.1rem;
  margin-right: 0.25rem;
  /* margin-bottom: 0.2rem; */
  /* border: 1px solid #E0E0E0; */
  overflow: hidden;
}

.carbon .teamwork .wrap .swiper-box .teamwork-container .swiper-slide img {
  max-width: 100%;
  transition: all 0.3s;
}

.carbon .teamwork .wrap .swiper-box .teamwork-container .swiper-slide:hover img {
  transform: scale(1.1);
}

.carbon .patent {
  padding: 1.1rem 0 2.25rem;
}

.carbon .patent .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.85rem;
}

.carbon .patent .wrap .box {
  display: flex;
  align-items: stretch;
}

.carbon .patent .wrap .box .lf {
  width: 50%;
  height: 10rem;
}

.carbon .patent .wrap .box .lf p {
  width: 100%;
  min-height: 1.3rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  color: #2E2E2E;
  font-weight: 500;
  padding: 10px 1rem;
  background-color: #E5E9F6;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  /* white-space: nowrap; */
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.carbon .patent .wrap .box .lf p:last-child {
  border-bottom: 1px solid #E6E6E6;
}

.carbon .patent .wrap .box .lf p:nth-child(2n) {
  background-color: #fff;
}

.carbon .patent .wrap .box .rg {
  width: 50%;
  padding-left: 1.25rem;
}

.carbon .patent .wrap .box .rg div {
  width: 100%;
  height: 100%;
  margin-bottom: 0.75rem;
}

.carbon .patent .wrap .box .rg div:last-child {
  margin-bottom: 0;
}

.carbon .patent .wrap .box .rg div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.carbon .business {
  padding: 1.9rem 0 2.4rem;
  background-color: #F2F4F5;
}

.carbon .business .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.35rem;
}

.carbon .business .wrap .tab {
  display: flex;
  align-items: center;
  margin-bottom: 1.3rem;
}

.carbon .business .wrap .tab .li {
  display: flex;
  align-items: center;
  margin-right: 2.4rem;
  cursor: pointer;
}

.carbon .business .wrap .tab .li:last-child {
  margin-right: 0;
}

.carbon .business .wrap .tab .li div {
  width: 1rem;
  margin-right: 0.3rem;
  filter: grayscale(1);
  opacity: 0.5;
  transition: all 0.3s;
}

.carbon .business .wrap .tab .li div img {
  max-width: 100%;
}

.carbon .business .wrap .tab .li p {
  color: #999999;
  line-height: 1.4;
  font-size: 0.75rem;
  transition: all 0.3s;
}

.carbon .business .wrap .tab .li:hover div,
.carbon .business .wrap .tab .li.cur div {
  filter: initial;
  opacity: 1;
}

.carbon .business .wrap .tab .li:hover p,
.carbon .business .wrap .tab .li.cur p {
  color: #1D50A2;
}

.carbon .business .wrap .box .li {
  display: flex;
}

.carbon .business .wrap .box .li .lf {
  width: calc(30% - 7px);
  margin-right: 7px;
}

.carbon .business .wrap .box .li .lf .lst {
  width: 100%;
  height: 3.85rem;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.9rem;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.3s;
}

.carbon .business .wrap .box .li .lf .lst:last-child {
  margin-bottom: 0;
}

.carbon .business .wrap .box .li .lf .lst p {
  color: #333333;
  font-weight: bold;
  line-height: 1.4;
  transition: all 0.3s;
}

.carbon .business .wrap .box .li .lf .lst div {
  width: 1.1rem;
  transition: all 0.3s;
}

.carbon .business .wrap .box .li .lf .lst div img {
  max-width: 100%;
}

.carbon .business .wrap .box .li .lf .lst:hover,
.carbon .business .wrap .box .li .lf .lst.cur {
  background-color: #1D50A2;
}

.carbon .business .wrap .box .li .lf .lst:hover p,
.carbon .business .wrap .box .li .lf .lst.cur p {
  color: #fff;
}

.carbon .business .wrap .box .li .lf .lst:hover div,
.carbon .business .wrap .box .li .lf .lst.cur div {
  filter: invert(1) brightness(100);
}

.carbon .business .wrap .box .li .rg {
  width: 70%;
}

.carbon .business .wrap .box .li .rg img {
  width: 100%;
}

.carbon .qua {
  padding: 2.55rem 0 2.2rem;
  background-color: #1D50A2;
}

.carbon .qua .wrap .tit {
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.carbon .qua .wrap .qua-swiper .swiper-pagination {
  position: relative;
  margin-top: 1.4rem;
  line-height: 1.4;
  bottom: 0;
}

.carbon .qua .wrap .qua-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  border: 2px solid #7D7D7D;
  background: none;
}

.carbon .qua .wrap .qua-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff;
  border-color: #fff;
}

.carbon .qua .wrap .qua-swiper .swiper-slide {
  width: 31.25%;
  margin-right: 3.125%;
}

.carbon .qua .wrap .qua-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.carbon .qua .wrap .qua-swiper .swiper-slide .pic {
  width: 100%;
  height: 8rem;
  overflow: hidden;
}

.carbon .qua .wrap .qua-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.carbon .qua .wrap .qua-swiper .swiper-slide .intro {
  background-color: #fff;
  padding: 1rem;
}

.carbon .qua .wrap .qua-swiper .swiper-slide .intro .h1 {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 0.5rem;
  line-height: 1.4;
  height: 2.8em;
  overflow: hidden;
}

.carbon .qua .wrap .qua-swiper .swiper-slide .intro .cont {
  color: #666666;
  line-height: 0.6rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: 0.9rem;
}

.carbon .qua .wrap .qua-swiper .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.newspaper {
  padding: 2rem 0 2.4rem;
}

.newspaper .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.newspaper .wrap .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.newspaper .wrap .box .li {
  width: 23%;
  margin-right: 2.66%;
  margin-bottom: 1rem;
}

.newspaper .wrap .box .li:nth-child(4n) {
  margin-right: 0;
}

.newspaper .wrap .box .li .pic {
  width: 100%;
  height: 10.25rem;
  overflow: hidden;
}

.newspaper .wrap .box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.newspaper .wrap .box .li .cont {
  width: 100%;
  padding: 0.75rem 0;
  background-color: #fff;
}

.newspaper .wrap .box .li .cont .time {
  color: #1A1A1A;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.4rem;
}

.newspaper .wrap .box .li .cont .name {
  width: 2.4rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  border-radius: 3px;
  background-color: #1D50A2;
  color: #fff;
  margin: 0 auto;
}

.newspaper .wrap .box .li:hover .pic img {
  transform: scale(1.1);
}

.newspaper .wrap .more {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  /* padding: .5rem; */
  /* background-color: #1D50A2; */
  cursor: pointer;
}

.newspaper .wrap .more div {
  width: 0.75rem;
  margin: 0 auto 0.3rem;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
}

.newspaper .wrap .more div img {
  width: 100%;
}

.newspaper .wrap .more p {
  color: #333;
  line-height: 1.4;
  text-align: center;
}

.video {
  padding: 2rem 0 2.2rem;
}

.video .wrap .tit {
  color: #1D50A2;
  font-weight: bold;
  margin-bottom: 1.75rem;
}

.video .wrap .swiper-box {
  position: relative;
  margin-bottom: 2rem;
}

.video .wrap .swiper-box .video-container {
  /* width: 87.5%; */
  width: 100%;
}

.video .wrap .swiper-box .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 1rem;
  bottom: 0;
}

.video .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.video .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.video .wrap .swiper-box .swiper-button-prev,
.video .wrap .swiper-box .swiper-button-next {
  width: 1.5rem;
  height: 1.5rem;
  background: #C9CDD9;
  border-radius: 50%;
  color: #1D50A2;
  transition: all 0.3s;
}

.video .wrap .swiper-box .swiper-button-prev::after,
.video .wrap .swiper-box .swiper-button-next::after {
  font-size: 0.6rem;
}

.video .wrap .swiper-box .swiper-button-prev:hover,
.video .wrap .swiper-box .swiper-button-next:hover {
  background: #1D50A2;
  color: #fff;
}

.video .wrap .swiper-box .swiper-button-prev {
  left: 0;
}

.video .wrap .swiper-box .swiper-button-next {
  right: 0;
}

.video .wrap .swiper-box .video-container .swiper-slide {
  width: 100%;
  height: 14.5rem;
}

.video .wrap .swiper-box .video-container .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video .wrap .swiper-box .video-container .swiper-slide .pos-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  transition: all 0.3s;
}

.video .wrap .swiper-box .video-container .swiper-slide .pos-cont .play {
  width: 1.2rem;
  margin: 0 auto 0.75rem;
  cursor: pointer;
}

.video .wrap .swiper-box .video-container .swiper-slide .pos-cont .play img {
  width: 100%;
}

.video .wrap .swiper-box .video-container .swiper-slide .pos-cont p {
  color: #fff;
  text-align: center;
  line-height: 1.4;
  padding: 0 0.5rem;
}

.video .wrap .swiper-box .video-container .swiper-slide:hover .pos-cont {
  opacity: 1;
}

.video .wrap .box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.video .wrap .box .li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 1rem;
}

.video .wrap .box .li:nth-child(3n) {
  margin-right: 0;
}

.video .wrap .box .li .pic {
  width: 100%;
  /* height: 7.5rem; */
  margin-bottom: 0.5rem;
  position: relative;
}

.video .wrap .box .li .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video .wrap .box .li .pic .play {
  position: absolute;
  width: 1.2rem;
  cursor: pointer;
}

.video .wrap .box .li .pic .play img {
  width: 100%;
}

.video .wrap .box .li .h1 {
  color: #1A1A1A;
  line-height: 1.2;
  text-align: justify;
}

.video .wrap .more {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  /* padding: .5rem; */
  /* background-color: #1D50A2; */
  cursor: pointer;
}

.video .wrap .more div {
  width: 0.75rem;
  margin: 0 auto 0.3rem;
  -webkit-animation: rotate 5s linear infinite;
  animation: rotate 5s linear infinite;
}

.video .wrap .more div img {
  width: 100%;
}

.video .wrap .more p {
  color: #333;
  line-height: 1.4;
  text-align: center;
}

.newsInfo {
  padding: 0.9rem 0 1.75rem;
  background-color: #F4F4F4;
}

.newsInfo .wrap .crumbs {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
}

.newsInfo .wrap .crumbs a {
  margin-right: 0.4rem;
  color: #666666;
  line-height: 1.4;
}

.newsInfo .wrap .crumbs a:last-child {
  margin-right: 0;
  color: #1D50A2;
}

.newsInfo .wrap .crumbs a:last-child span {
  display: none;
}

.newsInfo .wrap .crumbs a span {
  font-size: 0.4rem;
  margin-left: 0.35rem;
}

.newsInfo .wrap .box {
  width: 90%;
  margin: 0 auto;
}

.newsInfo .wrap .box .tit {
  color: #1D50A2;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0.45rem;
  font-size: 0.9rem;
}

.newsInfo .wrap .box .intro {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
.newsInfo .wrap .box .intro2 {
  display:none;

}

/*.newsInfo .wrap .box .intro span {
  color: #000000;
  line-height: 1.4;
  margin-right: 0.8rem;
}

.newsInfo .wrap .box .intro span:last-child {
  margin-right: 0;
}*/

.newsInfo .wrap .box .intro .copy-box {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.newsInfo .wrap .box .intro .copy-box .copy {
  margin-right: 10px;
  transition: all 0.3s;
}

.newsInfo .wrap .box .intro .copy-box div {
  width: 15px;
}

.newsInfo .wrap .box .intro .copy-box div img {
  width: 1000%;
}

.newsInfo .wrap .box .intro .copy-box:hover .copy {
  color: #1D50A2;
}

.newsInfo .wrap .box .cont {
  color: #000;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding: 1.1rem 0 2rem;
  margin-bottom: 0.8rem;
   width: 100%;
   
}
.newsInfo .wrap .box .cont img{
margin:auto;
    display: flex; /* 设置为flex布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.newsInfo .wrap .box .cont p{
line-height: 2.4;
}

.newsInfo .wrap .box .info-page {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.newsInfo .wrap .box .info-page .page-nav {
  width: calc(100% - 5rem);
}

.newsInfo .wrap .box .info-page .page-nav a {
  display: block;
  color: #000000;
  line-height: 1.4;
  margin-bottom: 0.35rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.newsInfo .wrap .box .info-page .page-nav a:last-child {
  margin-bottom: 0;
}

.newsInfo .wrap .box .info-page .page-nav a:hover {
  color: #0070BD;
}

.newsInfo .wrap .box .info-page .back-list {
  width: 3.75rem;
  height: 1.1rem;
  background-color: #1D50A2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.newsInfo .wrap .box .info-page .back-list div {
  width: 16px;
  margin-right: 0.3rem;
}

.newsInfo .wrap .box .info-page .back-list div img {
  width: 100%;
}

.newsInfo .wrap .box .info-page .back-list span {
  color: #FFFFFF;
  line-height: 1.4;
}

.newsInfo .wrap .box .info-page .back-list:hover {
  background-color: #0095fb;
}

/*# sourceMappingURL=all.css.map */
/* .digital .diTab-cont .top {
  display: none;
}

.digital .diTab-cont .btm {
  display: block;
}

.digital .diTab-cont.hav-vid .top {
  display: block;
}

.digital .diTab-cont.hav-vid.hav-vid .btm {
  display: none;
} */
.i-paper {
  width: 100%;
}

.i-paper .i-paper-swiper .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  line-height: 1.4;
}

.i-paper .i-paper-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.i-paper .i-paper-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.i-paper .i-paper-swiper .swiper-slide {
  width: 23%;
  margin-right: 2.66%;
}

.i-paper .i-paper-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.i-paper .i-paper-swiper .swiper-slide .pic {
  width: 100%;
  height: 10.25rem;
  overflow: hidden;
}

.i-paper .i-paper-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s;
}

.i-paper .i-paper-swiper .swiper-slide .cont-box {
  width: 100%;
  background-color: #fff;
  padding: 0.75rem 0.5rem;
}

.i-paper .i-paper-swiper .swiper-slide .cont-box .title {
  color: #1A1A1A;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.i-paper .i-paper-swiper .swiper-slide .cont-box .num {
  width: 2.4rem;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  border-radius: 3px;
  background-color: #1D50A2;
  margin: 0 auto;
  color: #fff;
}

.i-paper .i-paper-swiper .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.i-vid {
  width: 100%;
}

.i-vid .i-vid-swiper .swiper-pagination {
  position: relative;
  bottom: 0;
  margin-top: 1rem;
  line-height: 1.4;
}

.i-vid .i-vid-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.i-vid .i-vid-swiper .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.i-vid .i-vid-swiper .swiper-slide {
  width: 32%;
  margin-right: 2%;
}

.i-vid .i-vid-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.i-vid .i-vid-swiper .swiper-slide .vd-img {
  width: 100%;
  height: 7.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  overflow: hidden;
}

.i-vid .i-vid-swiper .swiper-slide .vd-img img {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.i-vid .i-vid-swiper .swiper-slide .vd-img .play {
  width: 1rem;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}

.i-vid .i-vid-swiper .swiper-slide .vd-img:hover .play {
  opacity: 1;
}

.i-vid .i-vid-swiper .swiper-slide p {
  color: #333;
  line-height: 1.2;
  font-weight: bold;
}

.i-vid .i-vid-swiper .swiper-slide:hover .vd-img>img {
  transform: scale(1.1);
}

#page {
  display: flex;
  align-items: center;
  justify-content: center;
}

#page .pagingUl {
  display: flex;
  align-items: center;
  justify-content: center;
}

#page .prv,
#page .next {
  color: #1D50A2;
  font-size: 0.5rem;
  cursor: pointer;
}

#page .prv {
  margin-right: 1.6rem;
}

#page .next {
  margin-left: 1.35rem;
}

#page .pagingUl li {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
}

#page .pagingUl li:last-child {
  margin-right: 0;
}

#page .pagingUl li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1rem;
  text-align: center;
  border-radius: 50%;
  color: #444444;
  background-color: transparent;
  transition: all 0.3s;
}

#page .pagingUl li a:hover,
#page .pagingUl li a.active {
  background-color: #1D50A2;
  color: #fff;
}

.constru .introduce .pos-bg {
  pointer-events: none;
}

.partner .partner-container .swiper-slide,
.news .wrap .hot-box .lf .swiper-slide {
  overflow: hidden;
}

.dev .dev-container .swiper-slide .li-wrap .li {
  overflow-y: auto;
}

.qua .wrap .box .li .intro {
  height: auto;
}

/* .qua .wrap .box .li .intro .h1 {
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
} */
.dev-pop .wrap {
  width: 40%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0;
}

.dev-pop .wrap .intro {
  color: #666;
  overflow: initial;
  padding: 1rem;
  max-height: 50vh;
}

.tech-pop-tit {
  color: #1D50A2;
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.all-container .swiper-scrollbar {
  position: relative;
  margin-top: 1rem;
  height: 4px;
}

.all-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #1D50A2;
}

.all-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.all-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.pos-page {
  position: relative;
  top: -2.5rem;
}

.nav-box {
  height: 1.5rem;
}

.nav-fix {
  position: fixed;
  top: 2.5rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.tab-box {
  height: 1.4rem;
  width: 100%;
}

.tab-fix {
  position: fixed;
  top: 4rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 100;
  padding: 0.5rem 8.5% 0;
}

.constru .pile .top .tab.tab-fix span {
  padding-bottom: 0.5rem;
}

.digital .diTab-swiper.diTab-fix {
  position: fixed;
  top: 4rem;
  height: 1.5rem;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 99;
  max-width: inherit;
}

.digital .diTab-swiper.diTab-fix .swiper-slide {
  line-height: 1.5rem;
  font-size: 14px;
}

.qua-fixBox {
  margin-bottom: 1.1rem;
  height: 1.15rem;
}

.qua .wrap .qua-fix {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 4rem;
  left: 0;
  z-index: 99;
}

.qua .wrap .qua-fix.swiper-box .swiper-button-prev {
  left: 0.5rem;
}

.qua .wrap .qua-fix.swiper-box .swiper-button-next {
  right: 0.5rem;
}

.qua-fix.swiper-box {
  width: 100vw;
  padding: 0.5rem 8.5%;
  background-color: #fff;
}

.autoHeight {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.wid1600 .wrap {
  width: 83%;
}

.zhanwei-par {
  position: relative;
  overflow: hidden;
}

.zhanwei-par img {
  width: 100%;
}

.zhanwei-pos {
  position: absolute;
  top: 0;
  left: 0;
}

.i-news-swiperBox {
  width: 100%;
}

.i-news-container {
  width: 100%;
}

.i-news .i-news-container .swiper-pagination {
  position: relative;
  margin-top: 1rem;
  line-height: 1.4;
}

.i-news-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 4px;
  background: #AAAAAA;
  border-radius: 0;
  margin: 0 5px;
  transition: all 0.3s;
}

.i-news-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 1rem;
  background: #1D50A2;
}

.i-news .i-news-container .swiper-slide {
  width: 100%;
  margin-right: 0.5rem;
}

.i-news .i-news-container .swiper-slide:last-child {
  margin-right: 0;
}

.i-news .i-news-container .swiper-slide .pic {
  width: 100%;
  height: 11rem;
}

.i-news .i-news-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.i-news .i-news-container .swiper-slide .cont {
  padding: 0.5rem 0.75rem;
  background-color: #fff;
  min-height:5.55rem;
}

.i-news .i-news-container .swiper-slide .time {
  color: #66666;
  line-height: 1.4;
  margin-bottom: 0.4rem;
  font-weight: bold;
}

.i-news .i-news-container .swiper-slide .h1 {
  font-size:26px;
  color: #333333;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0.4rem;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;*/
}

.i-news .i-news-container .swiper-slide .more {
  display: flex;
  align-items: center;
  color: #1D50A2;
}

.i-news .i-news-container .swiper-slide .more .text {
  line-height: 1.4;
  margin-right: 0.25rem;
  font-weight: bold;
}

.i-news .i-news-container .swiper-slide .more .arr {
  font-size: 0.5rem;
}

.dev .dev-container .swiper-slide.li-box .year .num {
  display: none;
}

#app .swiper .swiper-scrollbar,
#app .swiper-box .swiper-scrollbar {
  height: 3px;
}

.speech .top {
  padding: 1.9rem 14.5% 2.5rem;
  background-color: #F2F4F5;
}

.speech .top .speech-swiper .swiper-pagination {
  position: relative;
  line-height: 1.4;
  margin-top: 1rem;
  bottom: 0;
}

.speech .top .speech-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #1D50A2;
}

.speech .top .speech-swiper .swiper-slide {
  width: 44%;
  margin-right: 12%;
}

.speech .top .speech-swiper .swiper-slide:last-child {
  margin-right: 0;
}

.speech .top .speech-swiper .swiper-slide .pic {
  width: 100%;
  margin-bottom: 0.75rem;
  overflow: hidden;
}

.speech .top .speech-swiper .swiper-slide .pic img {
  width: 100%;
  transition: all 0.5s;
}

.speech .top .speech-swiper .swiper-slide .name {
  color: #333333;
  margin-bottom: 0.3rem;
}

.speech .top .speech-swiper .swiper-slide .company {
  color: #1D50A2;
  margin-bottom: 0.3rem;
}

.speech .top .speech-swiper .swiper-slide .pisition {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
}

.speech .top .speech-swiper .swiper-slide .pisition p {
  color: #1D50A2;
  margin-right: 0.3rem;
  font-weight: bold;
}

.speech .top .speech-swiper .swiper-slide .pisition span {
  color: #666666;
}

.speech .top .speech-swiper .swiper-slide .cont {
  color: #999999;
  line-height: 1.4;
}

.speech .top .speech-swiper .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.speech .btm {
  background-color: #E4EFF9;
  padding: 1.8rem 14.5% 2.85rem;
}

.speech .btm .wrap {
  display: flex;
  flex-wrap: wrap;
}

.speech .btm .wrap .li {
  width: 28%;
  margin-right: 8%;
  margin-bottom: 1.75rem;
}

.speech .btm .wrap .li:nth-child(3n) {
  margin-right: 0;
}

.speech .btm .wrap .li .pic {
  width: 100%;
  margin-bottom: 0.7rem;
  overflow: hidden;
}

.speech .btm .wrap .li .pic img {
  width: 100%;
  transition: all 0.5s;
}

.speech .btm .wrap .li .name {
  color: #333333;
  margin-bottom: 0.3rem;
}

.speech .btm .wrap .li .company {
  color: #192f69;
  margin-bottom: 0.3rem;
}

.speech .btm .wrap .li .position {
  display: flex;
  align-items: center;
}

.speech .btm .wrap .li .position p {
  color: #1D50A2;
  margin-right: 0.25rem;
  font-weight: bold;
}

.speech .btm .wrap .li .position span {
  color: #666666;
}

.speech .btm .wrap .li:hover .pic img {
  transform: scale(1.1);
}

#proBanner {
  height: 16.5rem;
  position: relative;
  z-index: 101;
}

.head-rg .lang {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: #333;
  margin-right: 0.5rem;
  transition: all 0.3s;
}

.head-rg .lang:hover {
  color: #1D50A2;
}

.i-about {
  position: relative;
}

.i-about .bg-img {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: -1;
}

.i-about .bg-img img {
  width: 100%;
}

.i-about .bg-img1 {
  top: 0;
}

.i-about .bg-img2 {
  bottom: 0;
}

/*# sourceMappingURL=all.css.map */